ユーザーフロー

1. ユーザーは、ユーザーID認証が設定されたウェブショップにアクセスします。
2. ユーザーは、以下のいずれかの方法でウェブショップで認証を行います：
   • ユーザーはファストログインブロックにIDを入力し、ログインボタンをクリックします。
   • ユーザーは、選択したアイテムの購入ボタンまたはトップバーのログインボタンをクリックします：
     1. ユーザーIDを入力するか、ソーシャルネットワークからログインするためのモーダルウィンドウが開きます。
     2. ユーザーはIDを入力し、「続ける」をクリックするか、ソーシャルネットワークのアイコンをクリックしてソーシャルネットワークを選択し、ソーシャルネットワークのページで認証を完了します。

3. システムは、ゲーム内にユーザーが存在するかどうかをチェックします。このIDまたはソーシャルアカウントを持つユーザーがゲーム内に存在する場合、そのユーザーはウェブショップで認証されます。そうでない場合はエラーメッセージが表示されます。

入手方法

1. アプリケーション側では、ユーザー認証ウェブフック処理を実装してください。

ウェブフックを受信した場合、アプリケーションは以下の処理を行う必要があります：

• ウェブフックで渡されたIDでユーザーを検索します。
• その結果に応じて、以下のいずれかのステータスコードを送信します。
  • 200 HTTP - ユーザーが見つかった場合のウェブフックからの応答を含むコード
  • 404 HTTP - ユーザー IDが見つからない場合のコード
• パーソナライズのためのユーザー属性を送信します。

2. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションへ移動します。
3. 必要なサイトのペインで「サイトビルダーを開く」をクリックします。
4. ログイン設定ブロックへ移動します。

5. 「ユーザーID」オプションを選択します。

6. ドロップダウンリストで、「新規ログイン」を選択します。

7. ウェブフックを受信するURLを入力します。

8. アプリケーションにすでに接続されているソーシャル ネットワーク経由で認証を設定します（任意）：
   1. パブリッシャーアカウントでプロジェクトを開き、ログインセクションに移動します。
   2. サイドバーで構成をクリックします。
   3. 認証ブロックに移動してソーシャルログインを選択します。

1. 4. ソーシャルネットワークを設定するには、ソーシャルネットワークカードで、タイトルの右にある⚙アイコンをクリックし、接続を選択します。

ディープリンクとは、アプリケーションやウェブサイトのメインページだけでなく、特定のセクション、ページ、アクションに直接ユーザーを誘導する特別なURLのことです。

ディープリンクは、ユーザーIDでログインする際の追加の認証方法として使用できます。 ゲームがユーザーのモバイル端末にインストールされている場合、ディープリンクを介してゲームにリダイレクトされ、認証トークンが取得されます。

ユーザーフロー

モバイルアプリの場合

1. ウェブショップで未認証のユーザーがログインボタンまたは購入ボタンをクリックします。ユーザーIDを入力するか、モバイルゲームからログインするためのモーダルウィンドウが開きます。

2. ユーザーは「モバイルゲームからログイン」ボタンをクリックします。
3. ユーザーはゲームにリダイレクトされ、認証されたユーザーとして自動的にウェブショップに戻ります。

デスクトップ版

1. ウェブショップで未認証のユーザーがログインボタンまたは購入ボタンをクリックします。ユーザーIDを入力するか、QRコードを使ってモバイル版ゲームにログインするためのモーダルウィンドウが開きます。

2. ユーザーはモバイルデバイスを使用してQRコードをスキャンします。
3. ウェブショップはユーザーのモバイル端末で開きます。
4. ユーザーは自動的にゲームにリダイレクトされ、認証されたユーザーとしてウェブショップに戻ります。

サービスインタラクションフロー

セットアップ方法

ゲーム側

1. ゲームのモバイルアプリ設定で、ディープリンク経由でゲームを開くためのURLスキームを新規登録してください：
   • Androidアプリ — AndroidManifest.xmlファイル
   • iOSアプリ — Info.plistファイル

スキームを登録した後、ユーザーがゲームを介してウェブショップで認証すると、ゲームは指定されたアドレスでゲームが開きます。

ゲームを登録するためのURLスキームの例：
gamename://authorize?operationPayload=<VALUE>、ここで：
• gamename — ユーザー認証のためにモバイル端末で開く必要があるゲームの名前。
• authorize — ゲーム名のゲームが開いた後に実行されるべきアクション名の例。アプリケーションのOSのアクションと一致するアクション名を使用します。
• operationPayload=<VALUE> — 認証時にトークンを生成するための情報を含む追加パラメータ。

1. 例：

• iOSアプリケーションでURLスキームを登録する
• AndroidアプリケーションでURLスキームを登録する

Copy

Full screen

Small screen

• xml

 1<key>CFBundleURLTypes</key>
 2  <array>
 3    <dict>
 4      <key>CFBundleTypeRole</key>
 5      <string>Editor</string>
 6      <key>CFBundleURLSchemes</key>
 7      <array>
 8        <string>gamename</string>
 9      </array>
10    </dict>
11  </array>

Copy

Full screen

Small screen

• xml

1<intent-filter>
2    <action android:name="android.intent.action.VIEW" />
3    <category android:name="android.intent.category.DEFAULT" />
4    <category android:name="android.intent.category.BROWSABLE" />
5    <data android:scheme="gamename" android:host="authorize" />
6</intent-filter>

2. ゲームのユーザーIDを使用したJWT形式の認証トークンの生成を実装します。

curlを使用してユーザートークン生成のAPIメソッドを呼び出す例：
Copy

Full screen

Small screen

• curl

 1curl -X 'POST' \
 2'https://sb-user-id-service.xsolla.com/api/v1/user-id/token' \
 3-H 'accept: /' \
 4-H 'Content-Type: application/json' \
 5-d '{
 6 "loginId": "000001aa-001a-0ab0-00001-01a01a01a01a",
 7 "settings": {
 8   "projectId": 123456,
 9   "merchantId": 123456
10 },
11 "user": {
12   "id": "123",
13   "country": "US"
14 }
15 "operationPayload": "kosarb2NyrtIWaegJAH1f6P7XrBYPXYDya5coc_ZzcfiS_5o4QTUAL-CcGRC_Kv4CAtg"
16}'

{token="JWT_TOKEN"}のような応答が返されます。
3. 認証成功の通知を含むポップアップウィンドウを追加します（任意）。
4. 取得したユーザートークンを使用して、「ブラウザでウェブショップを開く」を実装します。
認証されたユーザーがブラウザでウェブショップを開くためのURLを作成する例：
• カスタムドメインを使用している場合はhttps:​//example.com/?token={token}
• エクソーラドメインをしようしている場合はhttps:​//example.xsolla.site/?token={token}
ここで、{token}はユーザーの認証トークンです。

サイトビルダー内

お知らせ
まず、ユーザーID経由での認証を設定します。これは、ユーザーがディープリンク認証を利用できない場合、別の認証方法を提供するために必要です。例えば、ユーザーのモバイルデバイスにゲームがインストールされていない場合などです。
1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
2. ウェブショップサイトのカード上で、ユーザーID経由の認証が設定されている場合、「構成」をクリックしてください。
3. ログイン設定に移動し、ユーザーIDセクションを選択します。
4. 「ディープリンク認」トグルを有効にします。



5. 「ディープリンクURL」フィールドに、ユーザー認証用のリンクを入力します。



6. サイトでファストログインブロックを使用している場合：
   1. ファストログインブロックに移動します。
   2. レイアウトセクションで、「QRコード」トグルを有効にします。



7. 認証を確認するには、「プレビュー」をクリックしてください。
8. ウェブサイトを公開するには、「公開」をクリックします。

ディープリンクとは、アプリケーションやウェブサイトのメインページだけでなく、特定のセクション、ページ、アクションに直接ユーザーを誘導する特別なURLのことです。

ディープリンクは、ユーザーIDまたはエクソーラログイン経由での認証プロセスの代わりに、ゲームを通じてウェブショップでワンクリックで認証できるようになります。

ユーザーのモバイルデバイスにゲームがインストールされている場合、認証トークンを取得するために、ディープリンク経由でゲームにリダイレクトされます。

ディープリンクが主要な認証方法として使用される場合、ユーザーIDとディープリンク経由で認証では不可能な支払い詳細を保存できます。ディープリンクは、この場合において認証プロセスを迅速化するものの、新たな機能を追加するものではありません。

ユーザーフロー

モバイルアプリの場合

1. ウェブショップで未認証のユーザーがログインボタンまたは購入ボタンをクリックします。モバイルゲームからログインするためのモーダルウィンドウが開きます。

2. ユーザーは「モバイルゲームからログイン」ボタンをクリックします。
3. ユーザーはゲームにリダイレクトされ、認証されたユーザーとして自動的にウェブショップに戻ります。

デスクトップ版

1. ウェブショップで未認証のユーザーがログインボタンまたは購入ボタンをクリックします。QRコードを使ってモバイル版ゲームにログインするためのモーダルウィンドウが開きます。

2. ユーザーはモバイルデバイスを使用してQRコードをスキャンします。
3. ウェブショップはユーザーのモバイル端末で開きます。
4. ユーザーは自動的にゲームにリダイレクトされ、認証されたユーザーとしてウェブショップに戻ります。

サービスインタラクションフロー

セットアップ方法

ゲーム側

1. ゲームのモバイルアプリ設定で、ディープリンク経由でゲームを開くためのURLスキームを新規登録してください：
   • Androidアプリ — AndroidManifest.xmlファイル
   • iOSアプリ — Info.plistファイル

スキームを登録した後、ユーザーがゲームを介してウェブショップで認証すると、ゲームは指定されたアドレスでゲームが開きます。

ゲームを登録するためのURLスキームの例：
gamename://authorize?operationPayload=<VALUE>、ここで：
• gamename — ユーザー認証のためにモバイル端末で開く必要があるゲームの名前。
• authorize — ゲーム名のゲームが開いた後に実行されるべきアクション名の例。アプリケーションのOSのアクションと一致するアクション名を使用します。
• operationPayload=<VALUE> — 認証時にトークンを生成するための情報を含む追加パラメータ。

1. 例：

• iOSアプリケーションでURLスキームを登録する
• AndroidアプリケーションでURLスキームを登録する

Copy

Full screen

Small screen

• xml

 1<key>CFBundleURLTypes</key>
 2  <array>
 3    <dict>
 4      <key>CFBundleTypeRole</key>
 5      <string>Editor</string>
 6      <key>CFBundleURLSchemes</key>
 7      <array>
 8        <string>gamename</string>
 9      </array>
10    </dict>
11  </array>

Copy

Full screen

Small screen

• xml

1<intent-filter>
2    <action android:name="android.intent.action.VIEW" />
3    <category android:name="android.intent.category.DEFAULT" />
4    <category android:name="android.intent.category.BROWSABLE" />
5    <data android:scheme="gamename" android:host="authorize" />
6</intent-filter>

2. ゲームのユーザーIDを使用したJWT形式の認証トークンの生成を実装します。

エクソーラAPIは基本認証を使用します。すべてのAPIリクエストは、以下のヘッダーAuthorization: Basic を含まなければならない。ここで、your_authorization_basic_keyはBase64標準でエンコードされたclient_id:client_secretのペアです。

サーバー認証用のOAuth 2.0クライアントの設定は、パブリッシャーアカウントを通じて行います。詳細な手順については、ドキュメントを参照してください。

curlを使用してユーザートークン生成のAPIメソッドを呼び出す例：
Copy

Full screen

Small screen

• curl

 1curl -X 'POST' \
 2'https://sb-user-id-service.xsolla.com/api/v1/user-id/token' \
 3-H 'Accept: /' \
 4-H 'Content-Type: application/json' \
 5-H 'Authorization: Basic <Base64Encoded(client_id:client_secret)>' \
 6-d '{
 7 "loginId": "000001aa-001a-0ab0-00001-01a01a01a01a",
 8 "settings": {
 9   "projectId": 123456,
10   "merchantId": 123456
11 },
12 "user": {
13   "id": "123",
14   "country": "US"
15 }
16 "operationPayload": "kosarb2NyrtIWaegJAH1f6P7XrBYPXYDya5coc_ZzcfiS_5o4QTUAL-CcGRC_Kv4CAtg"
17}'

{token="JWT_TOKEN"}のような応答が返されます。
3. 認証成功の通知を含むポップアップウィンドウを追加します（任意）。
4. 取得したユーザートークンを使用して、「ブラウザでウェブショップを開く」を実装します。
認証されたユーザーがブラウザでウェブショップを開くためのURLを作成する例：
• カスタムドメインを使用している場合はhttps:​//example.com/?token={token}
• エクソーラドメインをしようしている場合はhttps:​//example.xsolla.site/?token={token}
ここで、{token}はユーザーの認証トークンです。

サイトビルダー内

1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
2. ウェブショップのサイトカードで「構成」をクリックします。
3. ログイン設定に移動し、ディープリンクセクションを選択します。



4. 「ディープリンクURL」フィールドに、ユーザー認証用のリンクを入力します。



5. サイトでファストログインブロックを使用している場合：
   1. ファストログインブロックに移動します。
   2. ブロック設定で、QRコードのログインボタンの表示スタイルを調整します。



6. 認証を確認するには、「プレビュー」をクリックしてください。
7. ウェブサイトを公開するには、「公開」をクリックします。

ユーザーフロー

1. ユーザーがエクソーラログイン認証を構成してウェブショップに移動します。
2. ユーザーは、選択したアイテムの購入ボタン、トップバーのログインボタン、またはファストログインブロックのログインボタンをクリックします。
3. エクソーラログインで設定された認証メソッドでモーダルウィンドウが開きます。

4. ユーザーは認証に進み、必要に応じて追加のデータを入力します。
5. システムは、ゲーム内にユーザーが存在するかどうかをチェックします。ユーザーがゲーム内に存在する場合、そのユーザーはウェブショップで認証されます。そうでない場合はエラーメッセージが表示されます。

入手方法

1. サイトのビルダーで、ログイン設定ブロックに移動します。

2. エクソーラログインの認証オプションを選択します。
3. ドロップダウンリストで、新規ログインを選択します。

4. モーダルウィンドウからログインプロジェクトの設定に移動するか、エクソーラログインブロックの認証方式をセットアップするをクリックします。

5. ユーザーデータストレージを接続します。

ユーザーデータの保存方法によって、利用できる製品の機能が異なります（ユーザーデータのストレージオプションの比較を参照）。

エクソーラストレージ

ログイン製品にすべての認証ロジックを処理させたい場合は、エクソーラストレージに接続します。より柔軟な設定が可能になります。

ログインプロジェクトを作成すると、エクソーラストレージがデフォルトで接続され、追加の設定手順は必要ありません。デフォルトのストレージタイプを変更し、エクソーラストレージに再接続する必要がある場合は、次の手順に従います：

1. 「ユーザーデータベースブロックに移動してストレージセクションを選択します。
2. 「エクソーラストレージ」を選択して「変更内容を保存する」をクリックします。

PlayFabストレージ

PlayFabの機能を使ってユーザーと連携したい場合は、PlayFabのストレージを接続します。ストレージには以下のユーザーデータが保存されます：

• ユーザー名
• ユーザーのメールアドレス
• ユーザーパスワード
• フォームが設定されている場合は、拡張登録フォームのフィールド

PlayFabストレージでは、以下の機能を利用できます：

• ユーザー登録
• メールアドレスまたはユーザー名とパスワード経由での認証
• Twitch経由での認証
• ユーザーパスワードのリセット
• ユーザーブロッキング

ストレージを接続するには：

1. ユーザーデータベースブロックに移動してストレージセクションを選択します。
2. 「PlayFab」を選択します。
3. 「タイトルID」フィルドには、Firebaseアカウントから同じフィールドの値を入力してください。
4. 「変更内容を保存する」をクリックします。

Firebaseストレージ

Firebaseの機能を使用してユーザーと連携する場合は、Firebaseストレージを接続します。このストレージには、以下のユーザーデータが保存されます：

• ユーザー名
• ユーザーメールアドレス
• ユーザーパスワード
• フォームが設定されている場合は拡張登録フォームからのフィールド

1. ユーザーデータベースブロックに移動してストレージセクションを選択します。
2. 「Firebase」を選択します。
3. 「APIキー」フィルドには、Firebaseアカウントから同じフィールドの値を入力してください。
4. 「変更内容を保存する」をクリックします。

カスタムストレージ

独自の認可システムを使用し、アプリケーション側でユーザーデータを保存する場合は、カスタムストレージに接続します。

カスタムストレージを使用する場合、次の機能にアクセスできます：

• ユーザー登録
• メールアドレスまたはユーザー名とパスワード経由での認証
• 電話番号によるパスワードレス認証
• ソーシャルネットワーク経由での認証
• ユーザーパスワードのリセット

1. カスタムストレージを接続します。
2. エクソーラログインサーバーからのリクエストの処理を設定します。

カスタムストレージを接続する

1. 「ユーザーデータベースブロックに移動してストレージセクションを選択します。
2. 「カスタムストレージ」を選択します。
3. APIリクエストの送信先のURLを入力します：
   • ユーザー検証URL
   • 新規ユーザーURL
   • パスワードリセットURL
   • パスワードレスログインURL
   • ソーシャルログインURL
4. 「変更内容を保存する」をクリックします。
5. 設定したURLに対して、以下のように応答するAPIを実装します：
   • リクエストに成功した場合のHTTP 200 / HTTP 204。必要であれば、追加のユーザーデータを含むJSONを応答本文に配置することができます。渡されたデータはJWTに書き込まれます（partner_dataパラメータ）。
   • その他、リクエストに失敗した場合のHTTPステータスコード。

エクソーラログインサーバーからのリクエストの処理をセットアップする

Authorization: Bearer <JWT>ヘッダーがあるエクソーラログインサーバーのリクエストはご希望のURLに送信されます。JWTはプロジェクトの秘密鍵で署名されています。

リクエストを処理するには：

1. 受信したJWTを検証します。
2. 検証が成功した場合は、JWTをデコードし、以下の表のクレームが含まれていることを確認します。デコーディングのためのライブラリーを探して利用します。

1{
2  "exp": 1573635020,
3  "iat": 1573634600,
4  "iss": "https://login.xsolla.com",
5  "request_type": "gateway_request",
6  "xsolla_login_project_id": "00000000-0000-0000-0000-000000000000"
7}

ユーザーフロー

1. ユーザーはリンクされたユーザーID認証が設定されたウェブショップに初めてアクセスします。
2. ユーザーは、選択したアイテムの購入ボタン、トップバーのログインボタン、またはファストログインブロックのログインボタンをクリックします。
3. エクソーラログインで設定された認証メソッドでモーダルウィンドウが開きます。
4. ユーザーは認証を進め、必要に応じて追加情報を入力します。

5. エクソーラログインでの認証成功後、ゲームのユーザーIDをリンクするためのモーダルウィンドウが開きます。

6. システムはユーザーの存在を確認します。指定されたIDを持つユーザーがゲームに存在すれば、ウェブショップへの認証が完了します。存在しない場合はエラーメッセージが表示されます。

取得方法

1. アプリケーション側では、ユーザー認証ウェブフック処理を実装してください。

ウェブフックを受信した場合、アプリケーションは以下の処理を行う必要があります：

• ウェブフックで渡されたIDでユーザーを検索します。
• その結果に応じて、以下のいずれかのステータスコードを送信します。
  • 200 HTTP - ユーザーが見つかった場合のウェブフックからの応答を含むコード
  • 404 HTTP - ユーザー IDが見つからない場合のコード
• パーソナライズのためのユーザー属性を送信します。

2. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションへ移動します。
3. 必要なサイトのペインで「サイトビルダーを開く」をクリックします。
4. ログイン設定ブロックへ移動します。

5. 「リンクされたユーザーIDでログイン」オプションを選択します。
6. ドロップダウンリストから「新規ログイン」または既存のプロジェクトを選択します。
7. ウェブフックを受け取るURLを入力します。

8. 任意の認証方法を設定できますが、初回認証のユーザー体験を簡素化するためにソーシャルログインの利用を推奨します：

   a. パブリッシャーアカウントでプロジェクトを開き、プレイヤー > ログインセクションに移動します。

   b. 必要なログインプロジェクトのペインで「設定」をクリックします。

   c. 認証ブロックでソーシャルログインを選択します。

   d. ソーシャルネットワークを設定するには、ソーシャルネットワークカードに移動し、タイトル右の⚙アイコンをクリックして「接続」を選択します。