JavaScript

индекс
246,46

Виджет выбора OpenID провайдера на Prototype

Когда-то я уже писал, как интегрировать OpenID авторизацию в ваш сайт. Речь шла о серверной части.
Сейчас же я говорю о UI части — виджет для выбора провайдера.

В качестве клиентской библиотеки для своего проекта я выбрал prototype и первым делом я полез в гугл поискать готовое решение. Удалось найти такое, но только для JQuery — code.google.com/p/openid-selector/

И так мне ничего не оставалось как написать OpenID selector самому. Вот что получилось

image

Исходники можно взять тут code.google.com/p/openid-for-prototype/

Внешний вид виджета полностью настраивается с помощью css.

В коде есть список провайдеров, которые будут отображены в селекторе.

var OpenIDProviders = {

openid: {
name: 'OpenID',
label: 'Введите Ваш OpenID.',
url: 'http://'
},
yandex: {
name: 'Yandex',
url: 'http://yandex.ru'
},
google: {
name: 'Google',
url: 'https://www.google.com/accounts/o8/id'
},


Ненужные нужно просто удалить, нужны добавить по примеру.

В проекте в гуглокоде есть пример подключения, это всего одна строчка кода.

В общем, все кто хочет сделать свой стартап гостеприимным могут использовать, а так же модифицировать, этот скрипт для своих нужд.
+24
7 декабря 2009, 16:48
75
ivv

комментарии (33)

+3
hr2990 #
такое чувство, что Яндекс вам нравится больше остальных :)
+1
ivv #
Я его вынес вперед так как он более русский, чем остальные. Хотя сам использую гугл. Возможно яху нужно заменить на что-то другое, например на жж.
0
arty #
а рамблер почему не вынесете? у него тоже умный openid-провайдер есть
0
ivv #
за него почему-то не подумал вообще. Впринципе это не проблема. Здесь я ведь делюсь кодом, и каждый может модифицировать под себя, а вот в своем проекте нужно это учесть. Рамблер ведь известный провайдер у нас еще.
0
mukizu #
кстати да, как-то он больно выделяется. Ничего против не имею, но выглядит некрасиво(с точки зрения дизайна)
0
ivv #
все настраивается с помощью css, все карты в руки. Я разработчик и навыки в дизайне у меня минимальны.
0
mukizu #
аналогично, но уж можно было все элементы подогнать под одну планку) А то наводит на определенный аСсОцИаЦиИ
0
ivv #
ну так как проект опенсоурс возможно найдется человек который сделает иконки.
0
mukizu #
я вот кстати на askdev попытался авторизоваться через openid(со своего блога, на WP) — получаю в ответ «Идентификатор OpenID не может быть пустым!». С другими ресурсами все ок.
0
ivv #
обязательно разберусь в чем дело, нужно посмотреть логи, скорее всего ошибка другая.
0
mukizu #
блог не на wp.com, а stand-alone, openid плагином wordpress.org/extend/plugins/openid/
+2
ronald #
Не очень удачна фраза «Выберите OpenID провайдера». Запросто снесет мозг любой блондинке.
0
ivv #
это правда, но эта версия была разработана для сайта на котором одни программисты обитают. Если будет нужен просто просто поправьте текст на свой.
0
ronald #
что, неужели блондинки не заходят глупых вопросов задать? :)
+5
shifttstas #
Надо заменить на «Кликни на значек где твоя почта...»
:D
+1
ilvar #
У меня было что-то вроде «Выберите сервис, на котором Вы зарегистрированы, либо создайте себе универсальный аккаунт на oneid.ru». А ниже — более подробное разъяснение, что это такое и чем удобно.
0
Li0liQ #
Регистрация со stackoverflow? :)
0
ivv #
За пример взял code.google.com/p/openid-selector/

там для jquery
0
NaTTs #
Да вы обалдели? Такой «виджет» снесет мозг и желание регистрироваться кому угодно.
+1
ivv #
Да вы что? незнал, незнал. А лучше конечно привести причины.
0
NaTTs #
ivv, вы по «профессии» кто?
Вы правда называете это — «упрощенной формой»?

Вся эта штука отвечает всего на один вопрос (определяет всего один аттрибут пользователя) —  «username». А элементов управления на ней сколько?
0
ivv #
тот факт что вы называете это «штукой» уже говорит о том, что вы понятия не имеете как ней пользоваться и для чего она нужна. А username тут вообще не причем, мы кажется говорим о OpenID.
+2
silentroach #
Как показывает опыт со stackoverflow, такое действительно намного удобнее обычной регистрации.
+1
ivv #
как показал мой опыт — 50% пользователей выбирают OpenID. Пользователи IT-шники.
0
silentroach #
я выбрал только когда другого выбора нет =) но очень доволен
+1
vectoroc #
Добавьте скрипт на scripteka.com/
–1
MrPrayer #
Не очень понял, для кого сделана форма.
Мне не нужен такой аляповатый интерфейс, для того, чтобы ввести полный урл моего openid провайдера.
А новичок, мало того, что не знает, кто это такой, так еще и испугается когда ему предложат ввести его юзернейм на яндексе/гуголе/прочее.
Да и, в конце концов, введет username@yandex.ru.
0
ivv #
навскидку не подглядывая напишите тут урл OpenID гугла. Если не получится тогда лучше проще быть, люди потянутся.
0
MrPrayer #
Ну и естевственно, промахнулся мимо реплая, см ниже. 8)
–1
MrPrayer #
Мне не надо его вспоминать. Оно у меня в заметках оперы стоит.
Иначе пришлось бы вспоминать его каждый раз на остальных сайтах.
Не гуголевское правда, а верисайновское.

А проще быть бесполезно — см. выше, чайники убегут от опенид, как от огня.

PS: Если чайник напишет, я не помню весь урл моего опенид, раздаваемого блогом васи пупкина, добавьте его пожалуйста. Добавите?

PPS: И про потянутся — меня ваша форма только отпугивает.
0
ivv #
это большое счастье что такая форма отпугивает таких как вы. от этого ее полезность вырастает в разы.
0
MrPrayer #
Yeah, right!
Закончились аргументы, перейдем на личности.

Так держать!
0
ivv #
аргументы не кончились, они даже не начинались.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.