Your SlideShare is downloading. ×
Backplane Protocol超入門                  @ritou              2012/11/xx
Agenda   Backplane Protocolとは?   Identity Scenario   JanRainのデモ   Backplane Protocol VS Implicit Grant
Backplane Protocolとは?あるWebページで動いている複数のJSアプリ間でユーザー情報などを共有するしくみ
Backplane Protocolの登場人物
Backplane Protocolの登場人物   Backplane Server   Backplane JavaScript   Widgets (Backplane Clients)   Widgets’ server-side...
Identity Scenario   JSアプリ間でユーザー情報を共有   メッセージが流れるタイミング     ログイン     ログアウト     ユーザー情報修正     ページリロード
Identity Scenario Flow
Identity Scenario Flow                         {                           “messageURL”:                         "https://...
Identity Scenario Flow                         JSONP Request
Identity Scenario Flow                          API Access                  using Bearer Access Token
Identity Scenario Flow                         JSONP callback
ポイント1 : Channelの上でメッセージがやりとりされる   Backplane Serverが    Channel IDを払い出す   Identity Messageを発行す    るのはIdentity Widgetの    ...
ポイント2 : メッセージの通知はJSで行われ、中身はウィジェットサーバー経由   ウィジェットにはヘッダの    みJSで渡される   ウィジェットはJSONPで    ウィジェットサーバーにア    クセス   ウィジェットサーバーが...
JanRainデモ   http://backplane2.janraindemo.com/   ログインウィジェットからユーザー情報を    Backplane Serverに送る   他のウィジェットはユーザー情報を取得可能
VS OAuth 2.0 Implicit   OAuth 2.0 Implicit Grant     ウィジェットが動いているサーバーにAccess   Tokenを渡      さない仕組み     複数ウィジェット動作時はフラグメ...
まとめ   同一ページ上で動作するJSアプリ間の情報共有の    しくみ   Identity Scenario     ユーザー情報を共有してログイン直後にパーソナライズ      されるイメージ     OAuth         ...
Links   公式ドキュメント     http://backplanex.com/   JanRainのドキュメント     http://developers.janrain.com/documentation/backpl   ...
誰か一緒にウォッチしていきましょう   ドキュメントの翻訳とかしてみるかも     https://github.com/ritou/r-weblife/wiki/Backplane
Upcoming SlideShare
Loading in...5
×

BackplaneProtocol超入門

1,127

Published on

Backplaneプロトコルを調べたので超入門として一回まとめた。

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,127
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Transcript of "BackplaneProtocol超入門"

  1. 1. Backplane Protocol超入門 @ritou 2012/11/xx
  2. 2. Agenda Backplane Protocolとは? Identity Scenario JanRainのデモ Backplane Protocol VS Implicit Grant
  3. 3. Backplane Protocolとは?あるWebページで動いている複数のJSアプリ間でユーザー情報などを共有するしくみ
  4. 4. Backplane Protocolの登場人物
  5. 5. Backplane Protocolの登場人物 Backplane Server Backplane JavaScript Widgets (Backplane Clients) Widgets’ server-side counterparts (Backplane Clients)
  6. 6. Identity Scenario JSアプリ間でユーザー情報を共有 メッセージが流れるタイミング  ログイン  ログアウト  ユーザー情報修正  ページリロード
  7. 7. Identity Scenario Flow
  8. 8. Identity Scenario Flow { “messageURL”: "https://backplane1.janrainbackplane.com/v2/message/ 2012-09-12T22:58:16.1234-1234567890", "source": "http://janraindemo.com", "type": "identity/login", "bus": "janraindemo.com", "channel": "12345678912345678912345678912345", "sticky": "true" }
  9. 9. Identity Scenario Flow JSONP Request
  10. 10. Identity Scenario Flow API Access using Bearer Access Token
  11. 11. Identity Scenario Flow JSONP callback
  12. 12. ポイント1 : Channelの上でメッセージがやりとりされる Backplane Serverが Channel IDを払い出す Identity Messageを発行す るのはIdentity Widgetの バックエンド?
  13. 13. ポイント2 : メッセージの通知はJSで行われ、中身はウィジェットサーバー経由 ウィジェットにはヘッダの みJSで渡される ウィジェットはJSONPで ウィジェットサーバーにア クセス ウィジェットサーバーが Backplaneサーバーに内容 を問い合わせる
  14. 14. JanRainデモ http://backplane2.janraindemo.com/ ログインウィジェットからユーザー情報を Backplane Serverに送る 他のウィジェットはユーザー情報を取得可能
  15. 15. VS OAuth 2.0 Implicit OAuth 2.0 Implicit Grant  ウィジェットが動いているサーバーにAccess Tokenを渡 さない仕組み  複数ウィジェット動作時はフラグメントから意図せぬ Access Token漏洩のリスクもある Backplane Protocol  複数ウィジェットで同じデータを共有可能
  16. 16. まとめ 同一ページ上で動作するJSアプリ間の情報共有の しくみ Identity Scenario  ユーザー情報を共有してログイン直後にパーソナライズ されるイメージ  OAuth 2.0 Implicit Grantとは異なり、OpenSocial的な ユースケース Specはまた今度
  17. 17. Links 公式ドキュメント  http://backplanex.com/ JanRainのドキュメント  http://developers.janrain.com/documentation/backpl ane-protocol/ OpenID Foundation  http://openid.net/wg/bp/
  18. 18. 誰か一緒にウォッチしていきましょう ドキュメントの翻訳とかしてみるかも  https://github.com/ritou/r-weblife/wiki/Backplane

×