Supabase Apple iOS 로그인 설정

사전 요구 사항

이 가이드는 iOS에서 Apple Sign-In을 Supabase 인증과 통합하는 데 도움이 될 것입니다. 이미 다음을 완료한 것으로 가정합니다:

• Apple Login iOS 설정 이것
• __CAPGO_KEEP_0__ 애플 로그인 - 일반 설정.

Implementation

구현은 예제 앱의 파일에 있습니다. 이 안내서에서는 주요 개념과 사용 방법을 설명합니다. supabaseAuthUtils.ts 인증 도우미 사용

구현

__CAPGO_KEEP_0__ authenticateWithAppleSupabase __CAPGO_KEEP_0__

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

iOS에서 Apple Sign-In은 Native Implementation을 사용합니다.

iOS에서 Apple Sign-In은 Native Implementation을 사용합니다.

1. 초기화: 앱의 Bundle ID가 자동으로 사용됩니다 (필요하지 않습니다) clientId Native Sign-In
2. : Apple의 Native Sign in with Apple 버튼과 인증 흐름을 사용합니다Identity Token
3. : Apple에서 사용자 정보가 포함된 Identity Token (JWT)가 반환됩니다Supabase Authentication
4. : Identity Token이 Supabase로 전송됩니다Initialization signInWithIdToken()

iOS 플랫폼을 자동으로 감지하는 도우미 함수가 모든 것을 적절하게 구성합니다.

중요한 참고 사항

Bundle ID 구성

• iOS는 앱의 Bundle ID를 자동으로 Apple Sign-In에 사용합니다.
• 애플 개발자 포털에서 구성된 것과 일치하는지 확인하십시오.
• Bundle ID에 'Apple Sign-In' 기능이 활성화되어야 합니다.

Supabase Client ID

Supabase에서 Apple 제공자에 대해 다음을 구성하십시오:

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

If you’re also using Android/Web, you’ll need to provide both the App ID and Service ID in Supabase’s Client ID field (comma-separated).

문제 해결

If authentication fails:

• 앱 ID 불일치: Verify your bundle ID matches in both Xcode and Apple Developer Portal
• ‘Sign in with Apple’ 기능이 비활성화됨: Ensure “Sign in with Apple” capability is enabled in Xcode
• Supabase 설정: Verify your App ID is correctly configured in Supabase Apple provider settings
• 토큰 유효성 검사 실패: Apple ID 토큰이 Apple에서 수신되는지 확인하세요.
• 리뷰: 예시 앱 code 참조

Supabase Apple Login on iOS Setup에서 계속 진행하세요.

Supabase Apple Login on iOS Setup을 사용하여 인증 및 계정 흐름을 계획하고 있습니다. 그것을 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login과 연결하세요. Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login을 사용하여 native capability를 사용하세요. Using @capgo/capacitor-social-login을 사용하여 @capgo/capacitor-social-login을 사용하세요. Using @capgo/capacitor-social-login을 사용하세요. @capgo/capacitor-social-login Capgo에서 @capgo/capacitor-social-login 구현에 대한 세부 정보를 위해 @capgo/capacitor-passkey Capgo에서 @capgo/capacitor-passkey 구현에 대한 세부 정보를 위해 @capgo/capacitor-native-biometric Capgo에서 @capgo/capacitor-native-biometric 구현에 대한 세부 정보를 위해, 그리고 두 단계 인증 Capgo에서 두 단계 인증 구현에 대한 세부 정보를 위해