> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-6461-checkout-updates.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Embedded WalletのGoogle設定

> Embedded Walletインスタンス用のGoogle OAuthクライアントの設定方法をご案内します。ウェブ、Android、iOSアプリケーション向けにOAuthクライアントIDを作成する手順に従ってください。

Google認証をEmbedded Walletインスタンスに統合するには、Google Developer ConsoleでGoogle OAuthクライアントを設定する必要があります。Embedded Walletをネイティブモバイル、デスクトップ、またはウェブアプリケーションのいずれに統合するかによって、適切な設定を選択してください。

## OAuthクライアントIDの作成

まず、[Google Developer Console](https://console.cloud.google.com/)にアクセスし、「APIとサービス」>「認証情報」へ進みます。「認証情報を作成」>「OAuthクライアントID」を選択してください。まだの場合は、OAuth同意画面の設定も必要になる場合があります。

<Frame>
  <img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/1.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=4dacdacd368284e24a0bac1533875b47" alt="Google Developer Console 認証情報" width="2524" height="1292" data-path="images/embedded_wallet/google/1.png" />
</Frame>

アプリケーションの種類に応じて、「ウェブアプリケーション」「iOS」「Android」から選択してください。

<Frame>
  <img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/2.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=2bc0b9459f155f206e07fbb8340c8112" alt="アプリケーションタイプ" width="2526" height="1174" data-path="images/embedded_wallet/google/2.png" />
</Frame>

以降の手順は、設定するアプリケーションタイプによって異なります。

## ウェブアプリケーションの設定

ウェブアプリケーション用のクライアントIDを設定する場合、以下の情報が必要です：

1. アプリケーション名
2. 承認済みJavaScriptオリジン：このクライアントIDと連携を許可するドメインのリスト
3. 承認済みリダイレクトURI：認証成功時にユーザーがリダイレクトされるURIのリストです。Sequence SDKでは、デフォルトでSDKを読み込んだ同じページにリダイレクトされます。

<Frame>
  <img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/3.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=3b024bfcda661844d2c344703a7e6969" alt="ウェブアプリケーション設定" width="2518" height="1816" data-path="images/embedded_wallet/google/3.png" />
</Frame>

<Note>
  ポート付きのlocalhostアドレス（例：`localhost:4444`）を承認済みオリジンに追加する場合、テスト時に動作させるためにはポートなしの`localhost`も追加する必要があります。
</Note>

## Androidアプリケーションの設定

Androidアプリケーション用にクライアントIDを設定する場合、以下の情報が必要です：

1. アプリケーション名
2. パッケージ名：これはAndroidプロジェクトの一意のアプリケーションパッケージ名です。
3. SHA-1証明書フィンガープリント：これはアプリケーションバンドルのSHA-1フィンガープリントです。画面の指示に従い、`keytool`を使って生成できます。

<img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/4.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=0e975a72fcd802e29228daae90df2d9c" alt="Androidアプリケーション設定" width="2516" height="1328" data-path="images/embedded_wallet/google/4.png" />

## iOSアプリケーションの設定

iOSアプリケーション用にクライアントIDを設定する場合、以下の情報が必要です：

1. アプリケーション名
2. バンドルID：これはiOSプロジェクトの一意のバンドル識別子です。

<Frame>
  <img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/5.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=e78951511f62936c1321541d7f51658f" alt="iOSアプリケーション設定" width="2518" height="1468" data-path="images/embedded_wallet/google/5.png" />
</Frame>

## クライアントIDの取得

アプリケーションを作成すると、クライアントIDが表示されます。コピーして、Sequence BuilderのログインプロバイダーのクライアントIDとして使用してください。

<Frame>
  <img src="https://mintcdn.com/sequence-0fb8d9e6-6461-checkout-updates/HmlXIITM4Zct_K7C/images/embedded_wallet/google/6.png?fit=max&auto=format&n=HmlXIITM4Zct_K7C&q=85&s=2a1b061dd97f9a41a03a93b83059376b" alt="クライアントID" width="2518" height="1618" data-path="images/embedded_wallet/google/6.png" />
</Frame>
