Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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超入門

2,154 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×