> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Kongregate と HTML5 を使用した PlayFab 認証のセットアップ
> Kongregate アプリのアップロードとプレイヤー ログインをカバーする、HTML5 と JavaScript を使用して PlayFab タイトルに Kongregate 認証を追加する手順ガイド。
このチュートリアルでは、Kongregate と HTML5/JavaScript を使用して PlayFab でプレイヤーを認証するために必要な最小限のセットアップを紹介します。
## 要件
* 登録済みの [Kongregate](https://www.kongregate.com/) アカウント。
* [Kongregate Developers Guide](https://www.kongregate.com/developer_center/docs/en/kongregate-api) に精通していること。
* 登録済みの PlayFab タイトル。
* [ログインの基本とベスト プラクティス](/services/playfab/identity/player-identity/login/login-basics-best-practices) に精通していること。
## Kongregate アプリのセットアップ
Kongregate では、必要な API 情報にアクセスする前に、アプリのプレビュー バージョンをアップロードする必要があります。
これを行うには、次の内容の `index.html` ファイルを準備する必要があります。
```html theme={null}
Placeholder
```
[Kongregate Web サイト](https://www.kongregate.com/) に移動します:
1. **Games** タブを選択します。
2. **Upload your game** ボタンを選択します。
新しいアプリケーションをセットアップするページが開きます。
1. **Title** フィールドに **アプリケーション名** を入力します。
2. 次に、指定されたフィールドに **ゲームの説明** を入力します。
3. **カテゴリ** を選択します。
4. 下の例のように、**Continue** ボタンを選択して新しいアプリを送信します。
**アプリケーション アップロード** ページに移動します。
重要な最初のステップとして、**Web アドレス バー** の **URL** を必ず保存してください。これにより、ページを閉じた後にアプリケーションへのアクセスを復元する時間を大幅に節約できます。
1. 完了したら、準備した **index.html** ファイルを **ゲーム ファイル** として選択します。
2. 次に、画面サイズを設定します。
3. 必要なライセンスをすべて承諾してください。
4. 下の例のように、**Upload** ボタンを選択してアプリケーションをアップロードします。
* プレビューが開いたら、内容は無視して **api information** リンクを開きます。
**API 情報** ページが開いたら、**API Key** を見つけ、後で使用できるように安全で簡単にアクセスできる場所に保存してください。
## PlayFab タイトルの構成
PlayFab タイトルの Game Manager で:
1. **Add-ons** に移動します。
2. **Kongregate** を見つけて選択します。
新しいページが開き、**Kongregate** 統合をセットアップできます。
1. 前のセクションで取得した **API Key** を入力します。
2. **Install Kongregate** を選択します。
エラー メッセージが表示されなければ、Kongregate アプリケーションとの PlayFab タイトル統合が正常に構成されています。
## コードの準備
以下のサンプル コードを使用して、ゲームの `index.html` を埋めます。
```html theme={null}
Kongregate Javascript API example
Initializing...
Kongregate API Loaded!
```
## テスト
先ほど、安全でアクセスしやすい場所に保存するようお願いした URL を覚えていますか?今すぐそれを使用して **アプリケーション アップロード** ページにアクセスします。
1. **index.html** を **ゲーム ファイル** として選択します。
2. 画面サイズを設定します。
3. 必要なライセンスをすべて承諾してください。
4. **Upload** ボタンを選択してアプリケーションをアップロードします。
プレビューが読み込まれたら、アプリケーションが **Kongregate ユーザー ID** と **ユーザー名** を取得するまで待ちます。
* その後、**PlayFab Login With Kongregate** ボタンを選択します。
* 少し待つと、**Authenticated via PlayFab** メッセージが表示されるはずです。
* この時点で、PlayFab と Kongregate を使用してログインに成功しました!
