Supabase Apple 로그인 설정

__CAPGO_KEEP_4__

__CAPGO_KEEP_6__

• __CAPGO_KEEP_7__ __CAPGO_KEEP_8__
• __CAPGO_KEEP_9__ __CAPGO_KEEP_10__.

__CAPGO_KEEP_11__

예시 앱의 이 안내서에서는 주요 개념과 사용 방법을 설명합니다. supabaseAuthUtils.ts 인증 도우미를 사용하는 방법

인증 흐름을 완전히 처리하는

iOS에서 Apple Sign-In은 네이티브 구현을 사용합니다. authenticateWithAppleSupabase 이것은 어떻게 작동하는가

import { authenticateWithAppleSupabase } from './supabaseAuthUtils';

const result = await authenticateWithAppleSupabase();
if (result.success) {
  console.log('Signed in:', result.user);
  // Navigate to your authenticated area
} else {
  console.error('Error:', result.error);
}

이것은 어떻게 작동하는가

이것은 어떻게 작동하는가

1. 초기화: 플러그인은 앱의 번들 ID를 자동으로 사용합니다 (필요하지 않습니다) clientId 네이티브 로그인
2. : 애플의 네이티브 Sign in with Apple 버튼과 인증 흐름을 사용합니다아이덴티티 토큰
3. : 애플은 사용자 정보를 포함하는 JWT 형식의 아이덴티티 토큰을 반환합니다Supabase 인증
4. : 아이덴티티 토큰은 Supabase로 전송됩니다iOS 플랫폼을 자동으로 감지하고 모든 것을 적절하게 구성하는 헬퍼 함수가 있습니다. signInWithIdToken()

중요한 주의사항

제목이 "중요한 주의사항"인 섹션

Bundle ID 설정

• iOS는 앱의 Bundle ID를 자동으로 Apple Sign-In에 사용합니다.
• 애플 개발자 포털에서 설정한 Bundle ID와 일치하는지 확인하세요.
• Bundle ID는 Apple Sign-In 기능이 활성화되어야 합니다.

Supabase Client ID

Supabase에서 Apple 제공자에 다음을 구성하세요:

• Client ID: iOS 앱 ID (Bundle ID) - 예를 들어 app.capgo.plugin.SocialLogin

Android/Web도 함께 사용하는 경우, Supabase의 Client ID 필드에 App ID와 Service ID를 모두 입력해야 합니다. (쉼표로 구분)

문제 해결

인증이 실패하면:

• Bundle ID 불일치: Xcode와 Apple Developer Portal에서 Bundle ID가 일치하는지 확인하세요.
• Apple 로그인 기능이 비활성화되어 있습니다: Xcode에서 'Apple 로그인' 기능이 활성화되어 있는지 확인하세요.
• Supabase 구성: Supabase Apple 제공자 설정에서 App ID가 올바르게 구성되어 있는지 확인하세요.
• 토큰 유효성 검사 실패: Apple에서 identity 토큰이 받혀 있는지 확인하세요.
• 예시 앱 __CAPGO_KEEP_0__ example app code for reference

iOS Apple 로그인 설정에서 계속하기

iOS Apple 로그인 설정에서 계속하기를 사용하는 경우 iOS Apple 로그인 설정에서 계속하기 인증 및 계정 흐름을 계획하고 연결하려면 @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 두 단계 인증 구현 세부 사항에 대한 자세한 내용은