메뉴로 바로가기

Supabase Google Android

GitHub

이 가이드는 Android에서 Google Sign-In을 Supabase Authentication과 통합하는 데 도움이 됩니다. 이미 완료한 것으로 가정합니다:

구현은 예제 앱의 파일에 있습니다. 이 안내서에서는 주요 개념과 사용 방법을 설명합니다. 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);
}

작동 방식 섹션

__CAPGO_KEEP_0__

세부 설명을 위해 인증 흐름이 어떻게 작동하는지, 비회원 생성, JWT 검증 및 Supabase 로그인에 대한 자세한 설명은 General Setup 가이드의 "How It Works" 섹션을 참조하십시오. General Setup 가이드의 "How It Works" 섹션을 참조하십시오..

완전한 code 참조를 위해, General Setup 가이드의 "Complete code Reference" 섹션을 참조하십시오. General Setup 가이드의 "Complete Code Reference" 섹션을 참조하십시오..

중요한 주의 사항

중요한 주의 사항

비회원 처리

비회원 처리

nonce 구현은 React Native Google Sign In 문서에서 제공하는 패턴을 따릅니다. Supabase로 이동:

  • rawNonce Supabase는 해시를 생성합니다. signInWithIdToken()
  • nonce 구현은 React Native Google Sign In 문서에서 제공하는 패턴을 따릅니다. rawNonce 그것을 Google Sign-In과 비교합니다. nonceDigest Google Sign-In의 ID 토큰에서 포함된
  • nonceDigest SHA-256 해시 (16진수 인코딩)가 Cloudflare로 이동합니다. nonce Google Sign-In API의

자동 재시도

자동 재시도

자동 재시도 로직이 포함되어 있습니다.

  • JWT 검증이 첫 번째 시도에서 실패하면 로그아웃하고 다시 시도합니다.
  • 캐시된 토큰이 잘못된 nonce를 가지고 있는 경우를 처리합니다.
  • 재시도도 실패하면 오류가 반환됩니다.

문제 해결

문제 해결

If authentication fails:

  • 유효하지 않은 청중: Google Cloud Console 및 Supabase 에서 Google Client ID 가 일치하는지 확인하세요.
  • Nonce 일치하지 않음: 콘솔 로그를 확인하세요 - 함수는 자동으로 다시 시도하지만 필요할 경우 수동 로그아웃도 할 수 있습니다.
  • 토큰 유효성 검사 실패: initialize 함수에 idToken 을 받기 위해 mode: 'online' in the initialize call to get an idToken
  • 예시 앱 example app code 계속 Supabase Google Login on Android 에서 진행하세요.

Capgo를 사용하는 경우 Android에서 Supabase Google 로그인을 사용하여 인증 및 계정 흐름을 계획하고 연결하려면 @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의 구현 세부 정보를 위해 두 단계 인증 for the implementation detail in 두 단계 인증.