「はてなでログイン」ボタンのために

• 我らがはてなの OpenID ですが、残念ながら 1.1 のみの対応となっています

• 認証を開始する前に、はてなIDを入力しなければならない
• ワンクリックで認証できるのは 2.0 から
• だからコンシューマのログイン画面も、はてなだけちょっと扱いが違う
  • たとえば wonderfl build flash online | 面白法人カヤック
    • 目立って逆にかっこいい…
    • しかし、不便ですよね

• そこで本日ご紹介するのが、はてな OpenID 用 OP Identifier です
  • http://ido.nu/ayaya/hatena_openid
  • こいつは、はてなの OpenID を、擬似的に 2.0 っぽく動かすためのリダイレクタです
  • 前述の例でいうと wonderfl build flash online | 面白法人カヤック に「はてなでログイン」というボタンを置くことができます

• 詳細は読み飛ばしで

---

• まず、 http://ido.nu/ayaya/hatena_openid を discovery すると http://ido.nu/ayaya/hatena_openid を 1.1 の endpoint として示されます

<?xml version="1.0" encoding="UTF-8"?>
<xrds:XRDS xmlns:xrds="xri://$xrds" xmlns:openid="http://openid.net/xmlns/1.0" xmlns="xri://$xrd*($v*2.0)">
  <XRD>
    <Service priority="0">
      <Type>http://openid.net/signon/1.1</Type>
      <URI>http://ido.nu/ayaya/hatena_openid</URI>
    </Service>
    <Service priority="1">
      <Type>http://openid.net/signon/1.0</Type>
      <URI>http://ido.nu/ayaya/hatena_openid</URI>
    </Service>
  </XRD>
</xrds:XRDS>

• コンシューマは、 http://ido.nu/ayaya/hatena_openid に associate のリクエストを投げてきますが無視します
• 次に http://ido.nu/ayaya/hatena_openid に dumb mode で checkid_setup のリダイレクトがおこなわれます

http://ido.nu/ayaya/hatena_openid
?openid.mode=checkid_setup
&openid.identity=http://ido.nu/ayaya/hatena_openid
&openid.trust_root=http://openidenabled.com/ruby-openid/trunk/examples/consumer
&openid.return_to=http://openidenabled.com/ruby-openid/trunk/examples/consumer/complete
                  ?openid1_claimed_id=http://ido.nu/ayaya/hatena_openid
                  &rp_nonce=*****

• はてなに転送中…の画面を表示しつつ、はてなスターのアレでユーザのはてなIDを取得します
  • 未ログイン状態ならば、ポップアップでログインさせます
    • ポップアップは自動で消えないので、手で閉じてください
• openid.identity と openid.return_to に含まれる identity を置換します
  • http://ido.nu/ayaya/hatena_openid -> http://www.hatena.ne.jp/<はてなID>/
• そして本物の endpoint である http://www.hatena.ne.jp/openid/server に再度リダイレクト

http://www.hatena.ne.jp/openid/server
?openid.mode=checkid_setup
&openid.identity=http://www.hatena.ne.jp/asannou/
&openid.trust_root=http://openidenabled.com/ruby-openid/trunk/examples/consumer
&openid.return_to=http://openidenabled.com/ruby-openid/trunk/examples/consumer/complete
                  ?openid1_claimed_id=http://www.hatena.ne.jp/asannou/
                  &rp_nonce=*****

• これ以降は普通の認証フロー

---

• JanRain のデモでもバッチリ動くよ！
  • PHP OpenID Library
  • Ruby OpenID Library
  • Python OpenID Library （直リン張れない）

• もちろん、コンシューマのログインフォームから普通に ido.nu/ayaya/hatena_openid と入力してもかまいません
  • タイピングがしんどいので tr.im/hatena というエイリアスもご用意しました

• マスコットについて
  • 転送中にでてくる は、はてなフリーデジタル素材 - はてな にて、CCライセンスで公開されている「はて魚」です
  • なにかさびしかったので、マスコット的キャラとして配置させていただきました
  • 著作者は株式会社はてなです

• どうぞご利用ください。