AndroidでのSupabase Google Login
インストール手順と、このプラグインの完全なMarkdownガイドを含むセットアッププロンプトをコピーします。
はじめに
セクション「はじめに」このガイドでは、AndroidでGoogle Sign-InをSupabase Authenticationに統合する方法を説明します。以下の手順は完了しているものとします:
実装方法
「実装」セクション完全な実装は以下にあります: サンプルアプリの supabaseAuthUtils.ts ファイル。このガイドでは主要な概念と使い方を説明します。
Authentication Helperの使用方法
「Authentication Helperの使用方法」セクションこの 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」セクション.
codeの完全なリファレンスについては、こちらをご覧ください: General SetupガイドのCodeリファレンスセクションを完成させてください.
重要な注意事項
「重要事項」セクションNonceの処理
「Nonceの処理」というセクションNonceの実装は、以下のパターンに従います: React Native Google Sign Inのドキュメント:
rawNonceSupabaseの〜に送られますsignInWithIdToken()- Supabaseは〜をハッシュ化し、
rawNonceそれを〜と比較しますnonceDigestこれはGoogle Sign-InのIDトークンに含まれています nonceDigest(SHA-256ハッシュ、16進数エンコード) が〜へ送信されますnonceGoogle Sign-In APIのパラメータ
自動リトライ
「自動リトライ」セクション実装には以下の自動リトライロジックが含まれています:
- 初回試行でJWT検証に失敗した場合、ログアウトを実行して1回リトライします
- これにより、キャッシュされたトークンのnonceが正しくないケースに対応します
- リトライも失敗した場合は、エラーが返されます
トラブルシューティング
「トラブルシューティング」セクション認証に失敗した場合:
- audienceが不正です: Google Cloud ConsoleとSupabaseの両方で、Google Client IDが一致していることを確認してください
- Nonceの不一致: コンソールログを確認してください。関数は自動的にリトライされますが、必要に応じて手動でログアウトしてから再度試行してください
- トークンの検証に失敗しました: 次を使用していることを確認してください
mode: 'online'を initialize 呼び出しで使用して idToken を取得してください - 以下を確認してください: サンプルアプリ code 参考用
Android での Supabase Google Login の続き
「Android での Supabase Google Login の続き」というセクション使用している場合 AndroidでのSupabase Google Login 認証とアカウントフローを計画するには、これを次と連携させてください @capgo/capacitor-social-login の使用 「@capgo/capacitor-social-login の使用」のネイティブ機能のために、 @capgo/capacitor-social-login @capgo/capacitor-social-login の実装の詳細については、 @capgo/capacitor-passkey @capgo/capacitor-passkey の実装詳細については、 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric の実装の詳細、および 2要素認証 二要素認証の実装の詳細については。