Android에서 Supabase Google 로그인

소개

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

Implementation

예제 앱의 파일에서 완전한 implementation이 사용할 수 있습니다. 이 가이드는 key concept과 사용 방법을 설명합니다. supabaseAuthUtils.ts 인증 Helper 사용

Section titled “Using the Authentication Helper”

함수는 전체 인증 flow를 처리합니다: 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

인증 흐름이 어떻게 작동하는지 자세한 설명을 원하시면, nonce 생성, JWT 검증, Supabase 로그인과 같은 내용을 확인하시길 바랍니다. General Setup 가이드의 How It Works 섹션을 참조하세요..

code에 대한 자세한 설명을 원하시면, General Setup 가이드의 Complete code Reference 섹션을 참조하세요. Complete Code Reference section in the General Setup guide.

Important Notes

nonce 처리 방법은 React Native Google Sign In 문서에서 설명하고 있습니다.

Nonce Handling Nonce Handling section in the React Native Google Sign In documentation:

rawNonce __CAPGO_KEEP_0__의 ID 토큰으로 간다. signInWithIdToken()
__CAPGO_KEEP_0__은 Google Sign-In의 ID 토큰에서 SHA-256 해시를 생성하고 rawNonce __CAPGO_KEEP_0__은 Google Sign-In API의 파라미터와 비교합니다. nonceDigest 자동 다시 시도
nonceDigest 자동 다시 시도 nonce __CAPGO_KEEP_0__은 자동 다시 시도 로직을 포함합니다.

__CAPGO_KEEP_0__의 JWT 검증이 첫 번째 시도에서 실패하면 로그아웃하고 다시 시도합니다.

__CAPGO_KEEP_0__의 다시 시도도 실패하면 오류가 반환됩니다.

__CAPGO_KEEP_0__의 다시 시도 로직은 JWT 검증이 실패하는 경우를 처리합니다.
__CAPGO_KEEP_0__의 다시 시도 로직은 JWT 검증이 실패하는 경우를 처리합니다.
__CAPGO_KEEP_0__의 다시 시도 로직은 JWT 검증이 실패하는 경우를 처리합니다.

문제 해결

인증이 실패한 경우:

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

Android에서 Supabase Google Login을 사용 중이시면 Supabase Google Login on Android 인증 및 계정 흐름을 계획하고 연결하려면 @capgo/capacitor-social-login을 사용하세요. Using @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 구현 세부 사항에 대해 Two-factor authentication 두 단계 인증 구현 세부 사항에 대해