メインコンテンツまでスキップ

Twitch をアイデンティティプロバイダーとして設定する

Last updated on August 5, 2026

注釈:本資料はAI技術を用いて翻訳されています。

概要

このガイドでは、認証済みの Twitch 開発者が Twitch アカウントを AccelByte Gaming Services (AGS) に接続する方法を説明します。ここに記載されていない追加機能を Twitch サービス側で設定する必要がある場合もあります。Twitch サービスの設定に関する詳細については、Twitch の担当者に直接お問い合わせいただくとともに、Twitch の公式ドキュメントを確認することをお勧めします。

重要

このガイドは一般公開を目的としており、機密保持の観点から限定的な情報のみを記載しています。まずは機密版の完全なガイドを参照することをお勧めします。ガイドのコピーを入手するには、担当の AccelByte テクニカルプロデューサーにお問い合わせください。

目標

  • AccelByte Game SDK を使用して、ゲームで Twitch 認証方式を有効にする。
  • AccelByte Player Portal を使用して、パブリッシャーのウェブサイトで Twitch 認証方式を有効にする。

前提条件

Web ログイン統合

  • 認証済みの Twitch アカウントと Twitch 開発者アクセス権。
  • 認証の設定と権限管理を行うための AccelByte Admin Portal アカウント。
  • Player Portal および Launcher 用のパブリッシャーネームスペース。
  • Player Portal。
AGS Public Cloud

Web ログイン統合は現在 AGS Public Cloud では利用できず、AGS Private Cloud でのみサポートされています。

インゲームログイン統合

  • 認証済みの Twitch アカウントと Twitch 開発者アクセス権。
  • 認証の設定と権限管理を行うための AccelByte Admin Portal アカウント。
  • ゲームネームスペース。
  • 最新バージョンの AccelByte Game SDK をインポートした Unity または Unreal のゲームプロジェクト。
  • AGS Identity and Access Management (IAM) クライアントに関する知識。

Twitch アプリの設定

Twitch 開発者組織のセットアップ(任意)

Twitch 開発者組織をセットアップします。組織の登録と管理ガイドの手順に従ってください。

Twitch 2FA の有効化

Twitch アカウントで 2FA を有効にします。二要素認証の設定ガイドの手順に従ってください。

アプリケーションの登録

Twitch 開発者コンソールでアプリケーションを登録します。アプリの登録ガイドの手順に従ってください。

注記

Twitch 開発者コンソールでの設定に問題がある場合は、カスタマーサポートに連絡して AccelByte からガイドを入手してください。

AGS で Twitch ログインプロバイダーを設定する

Web ログイン

以下の手順に従ってパブリッシャーのウェブサイト向けの Twitch ログインを設定すると、プレイヤーは自分の Twitch アカウントでパブリッシャーのウェブサイトにログインできるようになります。

設定手順

  1. AGS Admin Portal で、パブリッシャーネームスペースに移動します。

  2. サイドバーメニューで、Foundations > 3rd Party Integrations > Auth & Account Linking に移動します。

  3. Auth & Account Linking ページで、+ Add New ボタンをクリックします。

    AccelByte Admin Portal Login

  4. Select login provider ページで Twitch を探してクリックします。

    Twitch

  5. Set up Twitch login provider フォームが表示されます。

    Twitch Create Configuration

  6. 以下のフィールドを入力します。

    • Platform ID: twitch です。自動的に設定されるため、変更できません。
    • Client ID: Twitch 開発者コンソールで取得した Twitch アプリケーションの Client ID です。
    • Client Secret: Twitch 開発者コンソールで取得した Twitch アプリケーションの Client Secret です。
    • Redirect URI: Twitch ログイン用のリダイレクト URI(<BaseURL>/iam/v3/platforms/twitch/authenticate)です。BaseURL はドメインアドレスで、例えば https://development.accelbyte.io のようになります。この URL は、Twitch 開発者コンソールでも許可済みのリダイレクト URI として、まったく同じ形式で登録してください。
  7. Add & Activate をクリックすると、プロバイダーの作成と有効化を一度に実行できます。有効化せずに作成する場合は、代わりに Add をクリックします。

ログインプロバイダーを編集する

  1. Auth & Account Linking ページで、Twitch の項目をクリックします。

  2. プロバイダーの設定内容を示すダイアログが表示されます。必要に応じて各フィールドを更新します。

  3. 画面上部の Status トグルで、プロバイダーを有効化または無効化します。

    Status トグルが表示された Twitch ログインプロバイダーのダイアログ

  4. Save をクリックします。

試してみる

事前に、パブリッシャーネームスペースで Twitch ログイン方式が設定済みであることを確認してください。

  1. Player Portal に移動し、Login をクリックします。

    AccelByte Player Portal

  2. Twitch をクリックします。アイコンが見つからない場合は、More login options をクリックしてから Login with Twitch をクリックします。

    AccelByte Player Portal Login

  3. Twitch アカウントの認証情報を使用してログインします。

    Twitch Login

注記

現在、プレイヤーは既存の AccelByte アカウントに Twitch アカウントをリンクするか、新しいアカウントにリンクするかを求められます。AccelByte では、プレイヤーがヘッドレスアカウントで Player Portal に直接ログインできるように、これを設定可能にする取り組みを進めています。

インゲームログイン

以下の手順に従ってゲーム内の Twitch ログインを設定すると、プレイヤーは自分の Twitch アカウントでゲームにログインできるようになります。

設定手順

  1. AGS Admin Portal で、ゲームネームスペースに移動します。

  2. サイドバーメニューで、Foundations > 3rd Party Integrations > Auth & Account Linking に移動します。

  3. Auth & Account Linking ページで、+ Add New ボタンをクリックします。

    AccelByte Admin Portal Login

  4. Select login provider ページで Twitch を探してクリックします。

    Twitch

  5. Set up Twitch login provider フォームが表示されます。

    Twitch Create Configuration

  6. 以下のフィールドを入力します。

    • Platform ID: twitch です。自動的に設定されるため、変更できません。
    • Client ID: Twitch 開発者コンソールで取得した Twitch アプリケーションの Client ID です。
    • Client Secret: Twitch 開発者コンソールで取得した Twitch アプリケーションの Client Secret です。
    • Redirect URI: BaseURL のドメインです。BaseURL はドメインアドレスで、例えば https://development.accelbyte.io のようになります。この URL は、Twitch 開発者コンソールでも許可済みのリダイレクト URI として、まったく同じ形式で登録してください。
  7. Add & Activate をクリックすると、プロバイダーの作成と有効化を一度に実行できます。有効化せずに作成する場合は、代わりに Add をクリックします。

ログインプロバイダーを編集する

  1. Auth & Account Linking ページで、Twitch の項目をクリックします。

  2. プロバイダーの設定内容を示すダイアログが表示されます。必要に応じて各フィールドを更新します。

  3. 画面上部の Status トグルで、プロバイダーを有効化または無効化します。

    Status トグルが表示されたゲームネームスペースの Twitch ログインプロバイダーのダイアログ

  4. Save をクリックします。

Twitch 用の IAM クライアントの作成

IAM クライアントは、対象プラットフォームでリリースしたいゲームクライアントを表すものです。

特定の SDK プラットフォーム(Xbox、Steam、PlayStation など)向けにゲームの IAM クライアントをすでに作成している場合は、新しい IAM クライアントを作成する必要はありません。Twitch はゲームを構築するプラットフォームではないため、既存の IAM クライアントを使用できます。IAM クライアントの詳細については、アプリケーションのアクセス制御を管理するを参照してください。

インゲームログイン統合

設定方法はゲームエンジンごとに異なります。以下のタブから使用しているゲームエンジンを選択してください。

Unreal Engine のインゲームログイン統合

Unreal の準備と設定

依存関係の追加

まず、パブリック依存モジュールとして AccelbyteUe4Sdk を追加します。このモジュールは、Unreal Engine 内で AccelByte SDK プラグインを使用してプロジェクトを統合するために必要です。

public ABThirdPartyLogin(ReadOnlyTargetRules Target) : base(Target)
{
PCHUsage = PCHUsageMode.UseExplicitOrSharedPCHs;

PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore" , "AccelByteUe4Sdk", "Slate", "SlateCore" });

PrivateDependencyModuleNames.AddRange(new string[] { "Json", "HTTP" });

}

<YourProject>.Target.cs および <YourProjectEditor>.Target.cs にも AccelbyteUe4Sdk を追加します。

public ABThirdPartyLoginTarget( TargetInfo Target) : base(Target)
{
Type = TargetType.Game;
DefaultBuildSettings = BuildSettingsVersion.V2;
ExtraModuleNames.AddRange( new string[] { "ABThirdPartyLogin", "AccelByteUe4Sdk" } );
}
public ABThirdPartyLoginEditorTarget( TargetInfo Target) : base(Target)
{
Type = TargetType.Editor;
DefaultBuildSettings = BuildSettingsVersion.V2;
ExtraModuleNames.AddRange( new string[] { "ABThirdPartyLogin", "AccelByteUe4Sdk" } );
}

Twitch ログイン用の Unreal Engine プロジェクト設定

DefaultEngine.ini ファイル内に、AccelByte の認証情報を追加してください。

[/Script/AccelByteUe4Sdk.AccelByteSettings]
ClientId=<Your Client_Id>
ClientSecret=<Your Client_Secret>
Namespace=<Your Namespace>
PublisherNamespace=<Your Publisher Namespace>
RedirectURI="http://127.0.0.1"
BaseUrl="https://prod.gamingservices.accelbyte.io"
IamServerUrl="https://prod.gamingservices.accelbyte.io/iam"
PlatformServerUrl="https://prod.gamingservices.accelbyte.io/platform"

Unreal サンプルコードの実装

次のステップでは、以下のサンプルコードを使用してゲームに Twitch 認証方式を実装する方法を説明します。

  1. ログインコンテナとして、Blueprint 内に WebBrowser アイテムを作成します。
  2. Twitch ログイン URL をロードし、以下の認証パラメータを追加します。
    1. redirect_uri: ログイン完了時のリダイレクト先 URL。リダイレクト先はゲームに戻るため、値には BaseURL(ApiClient->Settings->BaseUrl)を入力します。また、許可リストに登録するため、Twitch 開発者ポータルの Redirect Uri 設定にも同じ BaseUrl の値を入力してください。
    2. response_type: 値には "code" を入力します。
    3. scope: 値には権限スコープを入力します。
注記

スニペットで使用されている AccelByteOnlineSubsystemPtr を取得するには、このガイドに従ってください。


auto ApiClient = AccelByteOnlineSubsystemPtr->GetApiClient(TEXT("YOUR_KEY"));
auto UserApi = ApiClient->GetUserApi().Pin();

void UAccelByteAuth::TwitchLogin()
{
FString TwitchClientId;
GConfig->GetString(TEXT("TwitchClientId"), TwitchClientId, GEngineIni);
FString RedirectUri = TEXT("YOUR_TWITCH_REDIRECTURI");
FString Scope = TEXT("user:read:email");

FString Url = FString::Printf(TEXT("https://id.twitch.tv?client_id=%s&redirect_uri=%s&response_type=%s&scope=%s"),
*FGenericPlatformHttp::UrlEncode(TwitchClientId),
*FGenericPlatformHttp::UrlEncode(RedirectUri),
TEXT("code"),
*FGenericPlatformHttp::UrlEncode(Scope));

WBrowser_LoginAuth->LoadURL(Url);
WBrowser_LoginAuth->OnUrlChanged.AddUniqueDynamic(this, &UAccelByteAuth::AccelByteLoginWithTwitch);
}
void UAccelByteAuth::AccelByteLoginWithTwitch(const FText& NewUrl)
{
FString Url = NewUrl.ToString();
FString RedirectUri = ApiClient->Settings->BaseUrl;
FString LoginCode = TEXT("");

if (Url.Contains(RedirectUri))
{
LoginCode = FGenericPlatformHttp::GetUrlParameter(Url, TEXT("code")).GetValue();
}

if (!LoginCode.IsEmpty())
{
UserApi->LoginWithOtherPlatform(AccelByte.Models.PlatformType.Twitch, LoginCode, FVoidHandler::CreateWeakLambda(this, [this]()
{
// ログイン成功時の処理
}),
FErrorHandler::CreateWeakLambda(this, [](int32 ErrorCode, const FString& ErrorMessage)
{
// ログイン失敗時の処理
}));

// ログインページを閉じる(WebBrowser を非表示にする)
}
}
注記

Twitch 認証における platform_token は Auth/Login Code です。

このサンプルコードをプロジェクトに追加したら、プロジェクトをコンパイルし、ビルドして実行します。以上で設定は完了です。

サンプルコードのテスト

以下は、サンプルコードが動作し、Twitch を使用してログインできていることを示すスクリーンショットです。 Unreal Code Testing