__CAPGO_KEEP_0__

__CAPGO_KEEP_0__

Capacitor

학습할 내용

• Supabase 인증을 구성하는 방법
• Capacitor Social Login 플러그인을 Supabase Auth와 통합하는 방법
• Android, iOS, Web 플랫폼에 대한 설정
• Supabase에 대한 nonce를 안전하게 처리하는 방법

필요한 것

시작하기 전에 확인해야 할 사항

1. Supabase 프로젝트

   • 프로젝트를 생성하려면 Supabase 대시보드
   • Google OAuth 제공을 활성화하세요.
   • Supabase 프로젝트 URL과 anon 키를 가져오세요.

2. Supabase JS SDK

   • 프로젝트에 Supabase를 설치하세요.

     npm install @supabase/supabase-js

3. Capacitor 프로젝트

   • 기존 Capacitor 애플리케이션
   • Capacitor Social Login 플러그인 설치:

     npm install @capgo/capacitor-social-login
     npx cap sync

4. 플랫폼별 Google 설정

   • __CAPGO_KEEP_0__ 플랫폼에 대한 Google Sign-In 설정을 완료하세요:
     • Google 로그인 Android 설정
     • Google 로그인 iOS 설정
     • Google 로그인 웹 설정

예시 애플리케이션

작업 가능한 예시가 저장소에 있습니다:

Code 저장소: code 저장소에서 찾을 수 있습니다

예시 앱은 다음을 보여줍니다:

• Supabase를 사용한 이메일/패스워드 인증
• Android, iOS, 웹에서 Google Sign-In 통합
• __CAPGO_KEEP_0__을 사용하는 간단한 키-값 저장소입니다.
• __CAPGO_KEEP_0__을 사용하는 사용자별 데이터 저장소입니다.

__CAPGO_KEEP_1__

__CAPGO_KEEP_3__

__CAPGO_KEEP_4__를 생성하세요. __CAPGO_KEEP_4__는 URL-safe random string입니다.:

• __CAPGO_KEEP_4__를 SHA-256로 해시하여 얻습니다. rawNonce __CAPGO_KEEP_4__를 사용하세요.
• __CAPGO_KEEP_5__를 사용하세요. nonceDigest
• __CAPGO_KEEP_5__는 SHA-256로 해시된 string입니다. nonceDigest Google Sign-In으로
• Pass rawNonce Supabase (내부적으로 비교를 위해 해시합니다)

JWT Validation

예제 구현은 다음을 확인하기 위해 JWT 검증을 포함합니다.

• 구성된 Google Client ID와 일치하는 토큰 청중
• 기대되는 해시와 일치하는 nonce
• iOS에서 검증 실패 시 자동 재시도 (iOS의 경우 특히 중요)

플랫폼별 고려 사항

• iOS: Token caching can cause nonce issues - __CAPGO_KEEP_0__ automatically 처리
• Web: __CAPGO_KEEP_0__ 호출해야 함 isLoggedIn() Android
• : SHA-1 지문 구성으로 표준 implementation다음 단계

Next Steps

Supabase Google Login - 일반 설정

• - 개요 및 사전 조건 Android 설정
• Overview and prerequisites - 안드로이드 전용 설정
• iOS 설정 - iOS 전용 설정
• 웹 설정 - 웹 전용 설정

Apple Sign-In

• Supabase Apple Login - 일반 설정 - 개요 및 사전 조건
• iOS 설정 - iOS 전용 설정
• 안드로이드 설정 - 안드로이드 전용 설정

Keep going from Supabase Integration Introduction

Capgo를 사용 중이라면 Supabase Integration Introduction 인증 및 계정 흐름을 계획하고, Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, Using @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-native-biometric capgo의 구현 세부 정보는 @capgo/capacitor-native-biometric에서 확인할 수 있습니다. 두 단계 인증 두 단계 인증의 구현 세부 정보는 두 단계 인증에서 확인할 수 있습니다.