メインコンテンツへスキップ

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 Cloud ConsoleでGoogle OAuthアプリを作成する手順を説明します。Client IDとClient Secretを取得し、ClerkがサポートするJavaScriptオリジンとリダイレクトURIを設定します。
このページはGoogle Cloud Consoleでのプロバイダー側のセットアップのみを説明しています。Googleを有効化してAuthペインに認証情報を入力するClerk Auth全体のフローについては、Clerk AuthドキュメントのConfiguring OAuth credentials for an SSO provider（SSOプロバイダーのOAuth認証情報の設定）を参照してください: SSOプロバイダーのOAuth認証情報の設定

​
前提条件

  • Google Cloud Consoleへのアクセス
  • 発行済みのReplitアプリ — カスタムOAuth認証情報は本番環境でのみ利用可能
  • Authペインで以下の手順で開いたGoogleプロバイダーの編集パネル：Authペイン → Configureタブ → SSO providersセクション → Production環境を選択 → Googleの横のEditを選択

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

Google Cloud Consoleに移動します：

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

  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認証情報の設定を参照してください。
  5. Createを選択します
  6. Client IDとClient Secretを保存します
Client Secretは安全に保管し、バージョン管理にコミットしないでください。
Googleサインインは埋め込みブラウザやアプリ内のWebビューでは動作しません。ユーザーは標準のWebブラウザを使用する必要があります。

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

​
リダイレクト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の両方に追加します