This page is not available in English.

Please select another language.

概要

Game Server を利用して、旧来通りの画面遷移型アプリケーションに適した ID 連携を行うのが Authorization Code Grant フロー です。

Authorization Code Grant フローでは、ゲーム画面からログイン認証画面に画面遷移し、ユーザーがログイン認証画面での入力を終えて認可を受けると、ゲーム画面に遷移することでゲームに戻ります。

ここでは、Authorization Code Grant フロー により Mobage Connect へログインする機能を開発していきます。

Authorization Code Grant フローをご利用いただく場合、今後提供予定の Shell App SDK をご利用いただけません。 Shell App SDK をご利用いただく場合は、Hybrid フローをご利用ください。

作成するファイル一覧

このチュートリアルで作成するファイルは下記になります。

チュートリアルをはじめる前に

このチュートリアルは、以下のチュートリアルを終わらせている前提で進めます。
以下のチュートリアルを完了していない場合は、先にそちらを完了させましょう。

• テストアカウントの作成
• アプリケーションを登録する
• JavaScript SDK のセットアップ
• ログイン
   

また、以下のライブラリを利用するので、ダウンロードしておきます。

• https://github.com/firebase/php-jwt
   

開発のステップ

Authorization Code Grant フローを実現するために、大きく以下の4ステップで進めます。

• Login Session を確認して state 値を発行する
• Authorization Request を送信し Authorization Response を受信する
• Game Server でログイン処理を実施する

ログインセッションが存在するか確認する

Mobage Connect へログインしていないとアクセス出来ないコンテンツにUser Agentがアクセスした際に、 Game Server で管理しているUser Agentのログインセッションを確認します。
ログインセッションが無い場合、Game Server はUser Agentを Session Start Endpoint へリダイレクトします。
このチュートリアルでは、 login_auth.php でログインセッションを確認し、ログインセッションが無ければ authorize.php にリダイレクトします。
リダイレクト先で state 値(8文字以上256文字以内の文字列)を生成し、セッション上に保存します。

この state 値は 認可手続きを始めた User Agent と、 認可情報をもたらした User Agent が同一であることを確認するための値です。 CSRF 攻撃を防止するために用いられます。

 
TOC
 

Authorization Request の送信

Authorization Endpoint に Authorization Request として送信したいパラメータをまとめます。
まとめたパラメタを用いて Authorization Endpoint へリダイレクトすることで Authorization Request を実行します。

なお、Authorization Endpoint としては以下を指定します。

Authorization Response の受信

User Agent が Authorization Endpoint にアクセス (Authorization Request) した際、ユーザーの状態によって以下のような挙動になります。

Mobage Connect へのログインに成功した時

成功時には以下のようなパラメータが　Redirect Endpoint　へのクエリパラメータとして渡されます。

Mobage Connect へのログインに失敗した時

失敗時には以下のようなパラメータが　Redirect Endpoint　へのクエリパラメータとして渡されます。

 
TOC
 

Game Server でログイン処理を実施する

先ほど Authorization Response で受信した code, state, session_state を受け取って Game Server でのログイン処理を実装します。
Game Server でのログイン処理では、下記を実行します。

• state 値の検証
• Token リクエストの送信と Token レスポンスの受け取り
• id_token の検証
• ログインセッションの発行

上記処理のシーケンス図は以下になります。

state 値の検証

Authorization Response で受信したstate 値を検証します。

Game Server の state 値 と一致するか確認

Game Server のセッションから state 値を取得し、Client から送信された state 値と一致するか確認します。
state 値が一致しない場合は、不正なリクエストとみなし、エラーレスポンスを返して処理を終了してください。

この state 値は 認可手続きを始めた User Agent と、 認可情報をもたらした User Agent が同一であることを確認するための値です。CSRF 攻撃を防止するために用いられます。

Token リクエストの送信と Token レスポンスの受け取り

Token リクエストのパラメタ設定

state値が一致した場合、Token Endpoint に Token Request を送信します。
Token Request で指定するパラメタを以下のように設定します。

なお、それぞれのパラメタには以下の値を指定してください。

Token リクエストのヘッダー設定

Token Request で Client 認証として client_secret_basic を用いる場合は、
下記のように記載してください。

なお、Token Request では Client 認証として下記をサポートしています。

Token Request の送信

パラメタ、ヘッダーをまとめて以下のように Token Request を送信します。

なお、各環境での Token Endpoint の URI は以下のようになります。

また、Token Response の例を以下に示します。

id_token の検証

Token Request が成功の場合、得られた id_token の値を検証します。
id_token はJSON Web Token(JWT)というフォーマットで提供されており、この JWT は署名アルゴリズムが RS256 となっています。
ここでは JWT の検証として以下のライブラリを利用します。
https://github.com/firebase/php-jwt

JWT のデコード

Token Response で得られた id_token は Platform 側の秘密鍵で署名がつけられているため、 X.509 形式の公開鍵を利用して、署名の妥当性を検証します。(署名の検証で利用する公開鍵)

JWT の payload(JWT Claims Set) は以下のようなデータ構造をしています。

JWT Claims Setの検証

Token Response で得られた id_token が妥当であるかどうかを確認するため、JWT 中の本文である JWT Claims Set を検証する処理を実装します。 Game Server で検証する項目は以下になります。

JSON Web Token と JSON Web Token の検証についての詳細は、以下 URL をご確認ください。 https://docs.mobage.com/display/JPJSSDK/JSON_Web_Token

• iss (Issuer Claim, この JWT を発行したサーバの識別子)が妥当か
• aud (Audience Claim, この JWT の公開範囲として指定された Client ID)がアプリケーションのClient IDと一致しているか
• iat (Issued At Claim) が現在時刻よりも過去の日時を表すUNIXタイムスタンプ値となっているか
• exp (Expiration Time Claim)が現在時刻よりも未来の日時を表すUNIXタイムスタンプ値となっているか
• sub (Subject Claim)がログインユーザの所持するMobageユーザーIDと一致するか

なお、iss 値は sandbox/service で以下のように異なる値となっています。

ログインセッションの発行

id_token が妥当な場合、JWT Claims Set の sub 値が Mobage のユーザー ID となるので、このユーザー向けのログインセッションを発行します。

TOC

動作確認

では、開発したプログラムを Game Server に配置します。
 

 
上記のように配置できたら、http://localhost/mobage-jssdk-sample-login/authorization_code_grant_flow/login_auth.php にアクセスしてください。

ユーザーが Mobage Connect へログインしていない場合は、以下のようにログインフォーム画面に遷移します。
（ログインはしているがゲームをインストールしていない場合は、ゲームへのインストール同意確認画面に遷移します。）

 
必要事項を入力してMobage Connect へのログインが成功すると、Game Server にてログインセッションが生成されます。
ログインセッションが生成された後に、ログイン状態を確認すると、下記のようにPeople API で取得した Mobage ユーザーニックネームが表示されます

Mobage Connect へログインして、Mobage ユーザーニックネームを表示できていることを確認できました。
 

開発したコード

このチュートリアルで開発したコードは Github から clone できます。

利用したライブラリは下記になります。

• https://github.com/firebase/php-jwt

更新履歴

• 2016/04/11
  • JWT の詳細説明リンクを追加