본문으로 건너뛰기

Android에서 Supabase Google 로그인

GitHub

이 가이드는 Android에서 Google Sign-In을 Supabase 인증과 통합하는 방법을 설명합니다. 이미 다음을 완료한 것으로 가정합니다.

Implementation

Implementation

The complete implementation is available in the example 앱의 supabaseAuthUtils.ts file. This guide explains the key concepts and how to use it.

Using the Authentication Helper

The

function handles the entire authentication flow: authenticateWithGoogleSupabase Copy to clipboard

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

세부 설명을 위해 인증 흐름이 어떻게 작동하는지, 비회원 토큰 생성, JWT 검증, Supabase 로그인에 대한 자세한 설명을 위해 작동 방식 섹션을 참조하십시오..

세부 설명을 위해 code에 대한 자세한 설명을 참조하십시오. Complete Code Reference section in the General Setup guide.

중요한 주의 사항 섹션

비회원 토큰 처리

React Native Google Sign In 문서에서 패턴을 따릅니다. React Native Google Sign In 문서에서 패턴을 따릅니다.:

  • rawNonce Supabase로 이동 signInWithIdToken()
  • Supabase는 Google Sign-In의 ID 토큰에서 SHA-256 해시를 생성합니다. rawNonce Supabase는 Google Sign-In의 ID 토큰에서 SHA-256 해시를 생성합니다. nonceDigest Google Sign-In의 ID 토큰에서 SHA-256 해시를 생성한 Supabase와 비교
  • nonceDigest Google Sign-In의 ID 토큰에서 SHA-256 해시를 생성한 Supabase와 비교 nonce Google Sign-In API의 파라미터로 전송

자동 재시도

자동 재시도

자동 재시도 로직이 포함된 implementation

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

인증이 실패하면:

  • 잘못된 청중Google 클라우드 콘솔과 Supabase에서 Google Client ID가 일치하는지 확인하세요.
  • Nonce 일치하지 않음콘솔 로그를 확인하세요 - 함수는 자동으로 다시 시도하지만 필요할 때 수동으로 로그아웃하세요.
  • 토큰 유효성 검사 실패initialize 함수에 idToken을 얻기 위해 사용하는 것을 확인하세요. mode: 'online' 예제 앱 __CAPGO_KEEP_0__
  • 예시 앱 __CAPGO_KEEP_0__ example app code 참조용

안드로이드에서 Supabase Google 로그인에서 계속하기

안드로이드에서 Supabase Google 로그인에서 계속하기

이 경우 안드로이드에서 Supabase Google 로그인 인증 및 계정 흐름을 계획하고 Supabase Google 로그인과 연결하는 경우 Using @capgo/capacitor-social-login Using @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 두 단계 인증 두 단계 인증 구현 세부 사항