Supabase Apple iOS 로그인 설정

사전 조건

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

• Apple Login iOS 설정 이 가이드는 iOS에서 Apple Sign-In을 Supabase 인증과 통합하는 데 도움이 됩니다. 이미 다음을 완료한 것으로 가정합니다:
• the Supabase Apple 로그인 - 일반 설정.

Implementation

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

Section titled “Using the Authentication Helper”

복사 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는 Apple Sign-In을 사용하는 경우 앱의 Bundle ID를 자동으로 사용합니다.
• Apple Developer Portal에서 구성된 Bundle ID와 일치하는지 확인하십시오.
• Bundle ID는 'Apple Sign-In' 기능이 활성화된 상태여야 합니다.

Supabase Client ID

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

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

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

문제 해결

인증이 실패하면:

• 앱 ID 불일치: Xcode와 Apple Developer Portal에서 앱 ID를 확인하세요.
• 사용자 인증 기능이 비활성화됨: Xcode에서 'Apple과 함께 로그인' 기능을 활성화하세요.
• Supabase 설정: Supabase Apple 제공자 설정에서 앱 ID를 올바르게 구성했는지 확인하세요.
• 토큰 유효성 검사 실패: Apple ID 토큰이 Apple에서 받는지 확인하세요.
• Review the 예시 앱 code 참조

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

Supabase Apple Login on iOS Setup을 사용하여 인증 및 계정 흐름을 계획하고 있습니다. Supabase Apple Login on iOS Setup을 사용하여 Using @capgo/capacitor-social-login for the native capability in 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에서 두 단계 인증 구현에 대한 세부 정보를 위해