PFI Seminar 2012/02/24

Twitter アプリ、 Facebook アプリを作ろう！ ,[object Object],[object Object],[object Object]

自己紹介（２度目なので軽く） ,[object Object],[object Object],[object Object],[object Object],[object Object]

SNS とアプリ連携 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

SNS 連携を扱う注意点 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

OAuth 認証 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

OAuth 認証 (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Consumer Key Consumer Secret Access Token Access Token Secret

OAuth のいいところ ,[object Object],[object Object],[object Object],[object Object],[object Object]

アプリのパーミッション（許可） (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

アプリのパーミッション（許可） (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Twitter で OAuth 認証を確立するまで（フロー） ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Twitter の OAuth 認証 (1. アプリ登録 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Twitter の OAuth 認証 (2.AccessToken を得るまで ) Twitter App User ConsumerKey/Secret を使い RequestToken を要求 RequestToken/Secret を譲渡 RequestToken を用いアプリ許可用 URL を踏ませるアプリ許可ページを見て、許可する CallbackURL に Verifier が届くここまでの情報を用い、 AccessToken/Secret を要求 AccessToken/Secret を譲渡

Twitter の OAuth 認証 (3. シグネチャ ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Twitter の OAuth 認証 (4.RequestToken 獲得 1) SHA-1 base64 PQkSRLEI6vynteEmxMKx3WvnryA= シグネチャ http ではなく https です、気をつけて！ ,[object Object],[object Object],[object Object],[object Object],[object Object],パラメータ GET https://twitter.com/oauth/request_token GET& https%3A%2F%2Ftwitter.com%2Foauth%2Frequest_token& oauth_consumer_key%3D DUMMYCONSUMERKEY1234 %26oauth_nonce%3DDUMMYNONCE4126%26oauth_signature_method%3DHMAC-SHA1%26oauth_timestamp%3D123456789%26oauth_version%3D1.0 メッセージ文字列 DUMMYCONSUMERSECRET7890& キー文字列末尾の & を忘れないよう気をつけて！

Twitter の OAuth 認証 (5.RequestToken 獲得 2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],oauth_token= DUMMYOAUTHTOKEN77777777 & oauth_token_secret= DUMMYOAUTHTOKENSECRET12121212121212 & oauth_callback_confirmed= true

Twitter の OAuth 認証 (6.AccessToken 獲得 1) SHA-1 base64 gyk/mXdgnE5KxT/NYCOZ4woihHo= シグネチャ ConsumerSecret と OauthTokenSecret を & でつなげたもの ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],パラメータ GET https://twitter.com/oauth/ access_token （省略）メッセージ文字列 DUMMYCONSUMERSECRET7890& DUMMYOAUTHTOKENSECRET12121212121212 キー文字列

Twitter の OAuth 認証 (7.AccessToken 獲得 2) ,[object Object],[object Object],oauth_token= 11223344-DUMMYACCESSTOKEN & oauth_token_secret= DUMMYACCESSTOKENSECRET & user_id=11223344& screen_name=i_am_twitter_user

Twitter の OAuth 認証 (8.API を叩く ) SHA-1 base64 rvP0LVu0ZyGyzLLM7DDeogMXRG4= シグネチャ ConsumerSecret と AccessTokenSecret を & でつなげたもの ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],パラメータ POST http://api.twitter.com/1/statuses/update.json POST&... （以下省略）メッセージ文字列 DUMMYCONSUMERSECRET7890& DUMMYACCESSTOKENSECRET キー文字列

Twitter の API 群 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Facebook の OAuth 認証フロー ,[object Object],[object Object],[object Object],Facebook App User AppID とパーミッションを付与してアプリ許可ページを見せるアプリ許可ページを見て、許可する CallbackURL に Code が届く Code と AppSecret を送信 AccessToken を譲渡

Facebook の Oauth 認証 (1. アプリ登録 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Facebook の Oauth 認証 (2. アプリ登録 ) ,[object Object],[object Object]

Facebook の Oauth 認証 (3.AccessToken の獲得 ) ,[object Object],[object Object],[object Object],[object Object],[object Object],access_token=DUMMYACCESSTOKEN-12345678& expires=123456789 ,[object Object]

Facebook の OAuth 認証 (4.API を叩く ) ,[object Object],[object Object]

Facebook の API 群 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Facebook の API 群 (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

OAuth 認証まとめ Twitter Facebook 認証方式 OAuth1.0 OAuth2.0 認証フロー ,[object Object],[object Object],[object Object],[object Object],[object Object],プロトコル今は https （昔は http だった）すべて https パーミッションアプリごとに設定トークンごとに設定 API アクセスに必要なもの各 Token/Secret とパラメータから生成したシグネチャ AccessToken そのもの

Twitter アプリを認証するにあたって注意！ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Facebook アプリの認証を作るにあたって注意！ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

アプリの許可をとりやめたい (Facebook)

アプリの許可をとりやめたい (Twitter)

[object Object],[object Object]

PFI Seminar 2012/02/24

Recommended

Recommended

More Related Content

Similar to PFI Seminar 2012/02/24

Similar to PFI Seminar 2012/02/24 (20)

More from Preferred Networks

More from Preferred Networks (20)

Recently uploaded

Recently uploaded (10)

PFI Seminar 2012/02/24