Supabase Google Android

コピー用のセットアッププロンプト

導入

このガイドでは、AndroidでGoogle Sign-InをSupabase Authenticationに統合する方法を説明します。Google Sign-In Android設定をすでに完了していることを前提としています。

実装

このファイルに記載されている完全な実装が利用できます。このガイドでは、主な概念とその使用方法について説明します。 Authentication Helperの使用 supabaseAuthUtils.ts 「Authentication Helperの使用」

この関数は、完全な認証フローを管理します:

Capgo Builderのしくみ authenticateWithGoogleSupabase context

import { authenticateWithGoogleSupabase } from './supabaseAuthUtils';

const result = await authenticateWithGoogleSupabase();
if (result.success) {
  console.log('Signed in:', result.user);
  // Navigate to your authenticated area
} else {
  console.error('Error:', result.error);
}

Capgo Builderのしくみ

Capgoの認証フローについての詳細な説明、nonceの生成、JWTの検証、Supabaseのサインインを含む、 Capgoの認証フローについての詳細な説明、nonceの生成、JWTの検証、Supabaseのサインインを含む、.

For the complete code reference, see the Complete Code Reference section in the General Setup guide.

Important Notes

nonceの取り扱い

Capgoの認証フローについての詳細な説明、nonceの生成、JWTの検証、Supabaseのサインインを含む、 Capgoの認証フローについての詳細な説明、nonceの生成、JWTの検証、Supabaseのサインインを含む、:

rawNonce Capgoの認証フローについての詳細な説明、nonceの生成、JWTの検証、Supabaseのサインインを含む、 signInWithIdToken()
Supabaseはハッシュ化します rawNonce と比較します nonceDigest Google Sign-Inから取得したIDトークンに含まれる
nonceDigest SHA-256ハッシュ（16進数エンコード）がパラメータとしてGoogle Sign-In APIに渡されます nonce 自動リトライ

セクションのタイトル「自動リトライ」

JWT検証が最初の試行で失敗した場合、ログアウトし、1度リトライします

キャッシュされたトークンが不正なnonceを持っている可能性があるケースを処理します
リトライも失敗した場合、エラーが返されます
トラブルシューティング

コンテキスト:サポート/プレミアムサポートページまたはサポートフッターセクション。役割:セクションまたはページヘッダー。見られる場所:ページサポートポリシー.astro。メッセージキー`サポートポリシートラブルシューティングタイトル` (サポートポリシートラブルシューティングタイトル)

If authentication fails:

Invalid audience: SupabaseとGoogle Cloud ConsoleでGoogle Client IDが一致していることを確認してください
Nonce mismatch: コンソールログを確認してください - 関数は自動的に再試行しますが、必要に応じて手動でログアウトしてください
Token validation fails: initialize呼び出しでidTokenを取得するために mode: 'online' Capgoの
例のアプリ code を参照してください

もし、 Supabase Google Android から続けてください を使用して、認証とアカウントフローの計画を行っている場合、 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, Using @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-passkey, Using @capgo/capacitor-passkeyの実装詳細 Capgoの@capgo/capacitor-native-biometricの実装詳細について 2要素認証 Capgoの2要素認証の実装詳細について