OpenID認証をWebサイト
に統合する方法を書いた
ことがあります。 それはサーバー側についてでした。
今、私はUI部分について話している-プロバイダーを選択するためのウィジェット。
私は
プロジェクトのクライアントライブラリとして
プロトタイプを選択しました。最初にしたことは、グーグルが既成のソリューションを検索することでした。 私は1つを見つけることができましたが、jQueryのみ
-code.google.com/p/openid-selectorそのため、OpenIDセレクターを自分で作成するしかありませんでした。 それが起こったことです
ここからソースを入手できます
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'
},不要なものを削除するだけで、例として追加する必要があります。
Googleコードプロジェクトには接続の例がありますが、これはほんの1行のコードです。
一般に、
スタートアップを親切にしたい人は誰でも、必要に応じてこのスクリプトを使用したり、変更したりできます。