iOS에서 Supabase Apple 로그인 설정

사전 조건

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

• the the
• the 애플 로그인 - 일반 설정.

Implementation

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

인증 Helper

복사 authenticateWithAppleSupabase How It Works

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

Native Build 방법

iOS에서 Apple Sign-In은 native implementation을 사용합니다:

1. Initialization: 앱의 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로 전송합니다: iOS 플랫폼을 자동으로 감지하고 모든 것을 적절하게 구성합니다 signInWithIdToken()

__CAPGO_KEEP_0__

중요한 참고 사항

앱 번들 ID 설정

• iOS는 앱의 번들 ID를 자동으로 Apple Sign-In에 사용합니다.
• 앱의 번들 ID가 Apple Developer Portal에 구성된 것과 일치하는지 확인하십시오.
• 앱 번들 ID에 'Apple Sign-in' 기능이 활성화되어야 합니다.

Supabase Client ID

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

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

iOS에서 Apple 로그인 기능을 사용하려면, Android/Web도 함께 사용 중이면 App ID와 Service ID를 Supabase의 Client ID 필드에 모두 입력해야 합니다. (쉼표로 구분)

문제 해결

인증이 실패하면:

• 앱 ID가 일치하지 않음: Xcode와 Apple Developer Portal에서 앱 ID가 일치하는지 확인하세요
• 사용 권한이 비활성화됨: Xcode에서 'Apple 로그인' 사용 권한이 활성화되어 있는지 확인하세요
• Supabase 설정: Supabase Apple 제공자 설정에서 App ID가 올바르게 구성되어 있는지 확인하세요
• 토큰 검증 실패: Apple에서 identity 토큰이 전달되는지 확인하세요
• 리뷰를 예시 앱 code 참조

Supabase Apple Login on iOS Setup에서 계속

Supabase Apple Login on iOS Setup을 사용 중이라면 애플 iOS에서 Supabase 로그인 설정 이를 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login과 연결하세요. @Capgo capgo-capacitor 소셜 로그인 @capgo/capacitor-social-login을 사용하여 implementation detail @capgo/capacitor-social-login Capgo의 @capgo/capacitor-social-login 구현 세부사항을 위해 @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric 두 단계 인증 두 단계 인증