Supabase Google ログイン

このプラグインのセットアッププロンプトをコピーします。インストール手順とフルマークダウンガイドが含まれます。

導入

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

実装

完全な実装は、例のアプリの supabaseAuthUtils.ts ファイルにあります。このガイドでは、主な概念とその使用方法を説明します。

認証ヘルパーの使用

関数は、認証フローの全てを処理します: authenticateWithGoogleSupabase クリップボードにコピー

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);
}

How It Works

How It Works For a detailed explanation of how the authentication flow works, including nonce generation, JWT validation, and Supabase sign-in, see the.

For the complete code reference, see the For the complete Code reference, see the.

Complete __CAPGO_KEEP_0__ Reference section in the General Setup guide

Important Notes

The nonce implementation follows the pattern from the React Native Google Sign In documentation Nonce Handling:

rawNonce Supabaseに移動します。 signInWithIdToken()
Supabaseは、 rawNonce をハッシュ化し、 nonceDigest Google Sign-Inから取得したIDトークンに含まれる
nonceDigest （SHA-256ハッシュ、16進数エンコード）を比較します。 nonce Google Sign-In APIの

自動リトライ

自動リトライロジックが含まれる実装

最初の試行でJWT検証が失敗した場合、ログアウトし、再試行します。
キャッシュされたトークンが不正なnonceを持っている可能性があるケースを処理します。
再試行も失敗した場合、エラーが返されます。

サポート

認証が失敗した場合:

無効な受信者: Google Cloud Console と Supabase で Google Client ID が一致していることを確認してください
ノンスマッチ: コンソールログを確認してください - 関数は自動的に再試行しますが、必要に応じて手動でログアウトしてください
トークン検証が失敗した場合:: initialize の呼び出しで idToken を取得するために使用していることを確認してください mode: 'online' サンプルアプリを確認してください __CAPGO_KEEP_0__
サポートポリシートラブルシューティング example app code 参考用

あなたが Android用Supabase Googleログインを使用している場合 認証とアカウントフローの計画と実行に使用している場合 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey @capgo/capacitor-native-biometric の実装詳細については@capgo/capacitor-native-biometricを参照してください。 2要素認証の実装詳細については2要素認証を参照してください。