Когда-то я уже писал, как интегрировать OpenID авторизацию в ваш сайт. Речь шла о серверной части.
Сейчас же я говорю о UI части — виджет для выбора провайдера.
В качестве клиентской библиотеки для своего проекта я выбрал prototype и первым делом я полез в гугл поискать готовое решение. Удалось найти такое, но только для JQuery — code.google.com/p/openid-selector
И так мне ничего не оставалось как написать OpenID selector самому. Вот что получилось
Исходники можно взять тут code.google.com/p/openid-for-prototype
Внешний вид виджета полностью настраивается с помощью css.
В коде есть список провайдеров, которые будут отображены в селекторе.
Ненужные нужно просто удалить, нужны добавить по примеру.
В проекте в гуглокоде есть пример подключения, это всего одна строчка кода.
В общем, все кто хочет сделать свой стартап гостеприимным могут использовать, а так же модифицировать, этот скрипт для своих нужд.
Сейчас же я говорю о UI части — виджет для выбора провайдера.
В качестве клиентской библиотеки для своего проекта я выбрал prototype и первым делом я полез в гугл поискать готовое решение. Удалось найти такое, но только для JQuery — code.google.com/p/openid-selector
И так мне ничего не оставалось как написать OpenID selector самому. Вот что получилось
Исходники можно взять тут 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'
},
Ненужные нужно просто удалить, нужны добавить по примеру.
В проекте в гуглокоде есть пример подключения, это всего одна строчка кода.
В общем, все кто хочет сделать свой стартап гостеприимным могут использовать, а так же модифицировать, этот скрипт для своих нужд.