Supabase Google Android

GitHub

インストール手順とこのプラグインの全マークダウンガイドを含むセットアップ用の質問をコピーできます。

導入

このガイドでは、AndroidでGoogle Sign-InをSupabase Authenticationに統合する方法を説明します。

既に完了していることを前提としています: Google Login Androidのセットアップ
the Google Supabase ログイン - 一般設定.

実装

実装の詳細は、のファイルにあります。このガイドでは、主な概念とその使用方法について説明しています。 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);
}

コピー

詳細な説明については、nonce生成、JWT検証、Supabaseサインインを含む認証フローの動作について、General Setupガイドの「How It Works」セクションを参照してください。認証フローの詳細な説明については、nonce生成、JWT検証、Supabaseサインインを含む認証フローの動作について、General Setupガイドの「How It Works」セクションを参照してください。.

詳細な説明については、codeの完全なリファレンスについては、General Setupガイドの「Complete code Reference」セクションを参照してください。認証フローの詳細な説明については、Codeの完全なリファレンスについては、General Setupガイドの「Complete Code Reference」セクションを参照してください。.

重要な注意事項

nonceの取り扱い

nonceの実装は、React Native Google Sign Inドキュメントのパターンに従っています。 Supabaseに移動します:

rawNonce Supabaseに移動します signInWithIdToken()
Supabaseはハッシュを作成し、 rawNonce と比較します。 nonceDigest Google Sign-InのIDトークンから取得した
nonceDigest のハッシュ値（SHA-256ハッシュ、16進数エンコード）が nonce のパラメーターに渡されます。

自動リトライ

自動リトライロジックが含まれています。

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

トラブルシューティング

認証が失敗した場合:

無効な受信者: Google Cloud Console と Supabase で Google Client ID が一致していることを確認してください
Nonce の一致: コンソールログを確認してください - 関数は自動的に再試行しますが、必要に応じて手動でログアウトしてください
トークン検証が失敗: __CAPGO_KEEP_0__ の初期化呼び出しで idToken を使用していることを確認してください mode: 'online' 例としては、
「__CAPGO_KEEP_0__」というアプリケーションを参照してください example app code Nonce mismatch

あなたが Supabase Google Android を使用して、認証とアカウントフローの計画と、 Cloudflareの「@capgo/capacitor-social-login」を使用して、Cloudflareの「@capgo/capacitor-social-login」 @capgo/capacitor-social-login Cloudflareの「@capgo/capacitor-social-login」 @capgo/capacitor-passkey Cloudflareの「@capgo/capacitor-passkey」 @capgo/capacitor-native-biometric Capacitorの実装詳細は@capgo/capacitor-native-biometricにあります。 2要素認証 Capacitorの実装詳細は2要素認証にあります。