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

Last updated on July 15, 2026

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

Overview​

このガイドは、認証済みの Snapchat 開発者が Snapchat アカウントを AccelByte Gaming Services (AGS) に接続できるよう支援することを目的としています。ここに記載されていない Snapchat サービス内の追加機能を設定する必要がある場合もあります。Snapchat サービスの設定に関する完全な情報については、Snapchat の担当者に直接問い合わせ、Snapchat のドキュメントを確認することをお勧めします。

important

このガイドは公開利用を目的としており、機密性のため限定的な情報のみを含んでいます。まずは完全な機密ガイドを参照することをお勧めします。機密ガイドのコピーをリクエストするには、AccelByte のテクニカルプロデューサーにお問い合わせください。

目標​

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

前提条件​

  • Snapchat Developer アカウント。
  • Developer アカウント配下の Organization。
  • Unreal Engine を使用する場合は、UE バージョン 4.27 または 5.0 をインストールしてください。
  • 認証を設定し、権限を管理するための AccelByte Admin Portal アカウント。
  • Player Portal と Launcher 用のパブリッシャー名前空間、およびゲーム用のゲーム名前空間。
  • Player Portal。
  • 最新バージョンの AccelByte Game SDK を導入した Unity または Unreal のゲームプロジェクト。
  • AGS の Identity and Access Management (IAM) クライアントに関する知識。

Snapchat Kit App の設定​

Snap Kit App の作成​

Snapchat Developer アカウントの配下に Snap Kit App を作成します。Snapchat の最初のアプリ設定ガイドに従ってください。

Snap Login Kit の有効化​

Snap Kit App の配下で Snap Login Kit を有効化し、OAuth の Redirect URI にドメインの URL（例: https://prod.gamingservices.accelbyte.io）を入力します。詳細については、Snapchat の Login Kit ドキュメントを参照してください。

Snapchat のウェブログインを設定する​

AGS Public Cloud

ウェブログイン連携は現在 AGS Public Cloud では利用できず、AGS Private Cloud でのみサポートされています。

Player Portal で Snapchat ログインを設定するには、以下の手順に従ってください。これにより、プレイヤーは Snapchat アカウントを使用して Player Portal にサインインできるようになります。

  1. AGS Admin Portal で、パブリッシャー名前空間に移動します。

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

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

    AccelByte Admin Portal Login

  4. ログイン方式の一覧から、Snapchat を選択します。

    Snapchat

  5. Client ID には Snap Kit の Client ID を、Client Secret には Snap Kit の Client Secret を、Redirect URI にはドメインの URL（例: https://prod.gamingservices.accelbyte.io）を入力します。

    Snapchat Create Configuration

  6. 詳細ページにリダイレクトされます。有効化すると使用できるようになります。

    Activate Snapchat

Snapchat のゲーム内ログインを設定する​

ゲーム内で Snapchat ログインを設定するには、以下の手順に従ってください。これにより、プレイヤーは Snapchat アカウントを使用してゲームにサインインできるようになります。

  1. AGS Admin Portal で、ゲーム名前空間に移動します。

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

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

  4. ログイン方式の一覧から、Snapchat を選択します。

  5. Client ID には Snap Kit の Client ID を、Client Secret には Snap Kit の Client Secret を、Redirect URI には http://127.0.0.1 を入力します。

  6. 詳細ページにリダイレクトされます。有効化すると使用できるようになります。

IAM クライアントの作成​

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

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

ゲーム内ログインの手順​

ゲームエンジンごとに設定方法が異なります。利用可能なタブからお使いのゲームエンジンを選択してください。

Unreal ゲーム内ログイン連携​

Snapchat のゲームを AccelByte SDK と連携させてサインインできるようにすることで、プレイヤーは Snapchat の認証情報を使用してゲームにログインできます。

Unreal の準備と設定​

Snapchat は UE4 向けの連携をサポートしていません。そのため、この実装ではウェブログインを使用し、Snapchat Auth から取得したログインコードをトークンとして AccelByte にログインします。Snapchat アカウントは AccelByte アカウントにリンクされ、デフォルトではヘッドレスアカウントになります。

参照: https://docs.snap.com/snap-kit/login-kit/Tutorials/web

依存関係の追加​

まず、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" } );
}

Snapchat 用の 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"

[SnapChatConfig]
SnapChatClientId=<SnapChatClientId>

Unreal のサンプルコード実装​

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

  1. ログインコンテナとして、BluePrint で WebBrowser アイテムを作成します。

  2. Snapchat ログイン URL を読み込みます: https://accounts.snapchat.com/accounts/oauth2/auth

    さらに、以下の認証パラメータを追加します。

    1. redirect_uri: ログイン完了時のリダイレクト URL。リダイレクト先はゲームに戻るため、値には BaseURL（ApiClient->Settings->BaseUrl）を入力します。また、ホワイトリストに登録するため、Snapchat Developer Portal の Redirect Uri 設定にも BaseUrl の値を入力してください。
    2. response_type: 値には "code" を入力します。
    3. scope: 権限スコープの値を入力します \
https://auth.snapchat.com/oauth2/api/user.display_nameユーザーの Snapchat 表示名へのアクセスを許可します
https://auth.snapchat.com/oauth2/api/user.bitmoji.avatarユーザーの Bitmoji アバターへのアクセスを許可します（ユーザーによる切り替えが可能）
https://auth.snapchat.com/oauth2/api/user.external_idアプリケーションへのユーザーのオンボーディングに使用できる、ユーザーの外部 ID へのアクセスを許可します
注記

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


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

void UAccelByteAuth::SnapChatLogin()
{
	FString SnapChatClientId;
	GConfig->GetString(TEXT("SnapChatConfig"), TEXT("SnapChatClientId"), SnapChatClientId, GEngineIni);
	FString RedirectUri = ApiClient->Settings->BaseUrl;
	FString Scope = TEXT("https://auth.snapchat.com/oauth2/api/user.display_name https://auth.snapchat.com/oauth2/api/user.bitmoji.avatar https://auth.snapchat.com/oauth2/api/user.external_id");

	FString Url = FString::Printf(TEXT("https://accounts.snapchat.com/accounts/oauth2/auth?client_id=%s&redirect_uri=%s&response_type=%s&scope=%s"),
		*FGenericPlatformHttp::UrlEncode(SnapChatClientId),
		*FGenericPlatformHttp::UrlEncode(RedirectUri),
		TEXT("code"),
		*FGenericPlatformHttp::UrlEncode(Scope));

	WBrowser_SnapChatAuth->LoadURL(Url);
	WBrowser_SnapChatAuth->OnUrlChanged.AddUniqueDynamic(this, &UAccelByteAuth::AccelByteLoginWithSnapChat);
}

void UAccelByteAuth::AccelByteLoginWithSnapChat(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(EAccelBytePlatformType::SnapChat, LoginCode, FVoidHandler::CreateWeakLambda(this, [this]()
		{
		// Handle Success Login
		}), 
FErrorHandler::CreateWeakLambda(this, [](int32 ErrorCode, const FString& ErrorMessage)
		{
			// Handle Error Login
		}));

    // Close Login Page (Hide WebBrowser)
	}
}
注記

Snapchat 認証における platform_token は Auth Code です。

このサンプルコードをプロジェクトに追加したら、プロジェクトをコンパイル、ビルド、実行してください。これで完了です。

サンプルコードのテスト​

以下の画像は、テストアプリで Snapchat アカウントを使用してログインに成功した様子を示しています。 Unreal Code Testing

に最終更新
On this page