> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Google OAuthの設定

> アプリの認証にGoogleをSSOプロバイダーとして設定する

このガイドでは、Google Cloud ConsoleでGoogle OAuthアプリを作成する手順を説明します。**Client ID**と**Client Secret**を取得し、ClerkがサポートするJavaScriptオリジンとリダイレクトURIを設定します。

<Note>
  このページはGoogle Cloud Consoleでのプロバイダー側のセットアップのみを説明しています。Googleを有効化してAuthペインに認証情報を入力するClerk Auth全体のフローについては、Clerk AuthドキュメントのConfiguring OAuth credentials for an SSO provider（SSOプロバイダーのOAuth認証情報の設定）を参照してください: [SSOプロバイダーのOAuth認証情報の設定](/references/auth-and-identity/clerk-auth#configuring-oauth-credentials-for-an-sso-provider)
</Note>

## 前提条件

* [Google Cloud Console](https://console.cloud.google.com/)へのアクセス
* [発行済みのReplitアプリ](/learn/projects-and-artifacts/replit-deployments) — カスタムOAuth認証情報は**本番**環境でのみ利用可能
* Authペインで以下の手順で開いたGoogleプロバイダーの編集パネル：**Authペイン** → **Configure**タブ → **SSO providers**セクション → **Production**環境を選択 → **Google**の横の**Edit**を選択

## Step 1: Google OAuthアプリを作成する

[Google Cloud Console](https://console.cloud.google.com/)に移動します：

### プロジェクトの作成または選択

1. プロジェクトのドロップダウンから既存のプロジェクトを選択するか、新しいプロジェクトを作成します
2. プロジェクトのダッシュボードにリダイレクトされます

### OAuth同意画面の設定

1. 左サイドバーでメニューアイコン（≡）を選択し、**APIs & Services**を選択します
2. **OAuth consent screen**を選択します
3. 必要な情報でアプリの同意画面を設定します
4. 変更を保存します

### OAuth認証情報の作成

1. **APIs & Services**から**Credentials**を選択します
2. 上部の**Create Credentials**を選択し、**OAuth client ID**を選択します
3. アプリケーションタイプとして**Web application**を選択します
4. **Authorized JavaScript origins**と**Authorized redirect URIs**を、**Authペイン**の**Provider setup**に表示されている正確な値に設定します。リストされているすべての値を追加してください（発行済みドメインとカスタムドメインの両方が含まれています）。値の確認方法については[SSOプロバイダーのOAuth認証情報の設定](/references/auth-and-identity/clerk-auth#configuring-oauth-credentials-for-an-sso-provider)を参照してください。
5. **Create**を選択します
6. **Client ID**と**Client Secret**を保存します

<Warning>
  Client Secretは安全に保管し、バージョン管理にコミットしないでください。
</Warning>

<Warning>
  Googleサインインは埋め込みブラウザやアプリ内のWebビューでは動作しません。ユーザーは標準のWebブラウザを使用する必要があります。
</Warning>

## トラブルシューティング

### リダイレクトURIの不一致

* Google Cloud Consoleのリダイレ クトURIが、**Authペイン**の**Provider setup**に表示されている値と完全に一致していることを確認します
* 末尾のスラッシュやタイポがないことを確認します
* Googleの設定が反映されるまで数分待ちます

### Invalid client

* Client IDとClient Secretが正しくコピーされていることを再確認します
* 余分なスペースがないことを確認します
* OAuth同意画面が設定されていることを確認します

### カスタムドメインで動作しない

* **Authペイン**の**Provider setup**に表示されているカスタムドメインのエントリを、Authorized JavaScript originsとAuthorized redirect URIsの両方に追加します