iOS에서 Apple 로그인 설정

준비 조건

이 안내서에서는 iOS에서 Apple Sign-In을 Supabase 인증과 통합하는 방법을 설명합니다. 다음을 이미 완료한 것으로 가정합니다:

• the Apple Login iOS 설정
• Supabase Apple Login - 일반 설정 Implementation.

Implementation

예제 앱의 파일에서 찾을 수 있습니다. 이 안내서에서는 주요 개념과 사용 방법을 설명합니다. supabaseAuthUtils.ts the

인증 도우미를 사용하는 방법

그것 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를 자동으로 사용합니다 (필요하지 않음)네이티브 Sign-In clientId Copy to clipboard
2. Section titled “How It Works”: Apple의 native Sign in with Apple 버튼과 인증 흐름을 사용합니다.
3. 식별 토큰: Apple은 사용자 정보를 포함하는 JWT 형식의 식별 토큰을 반환합니다.
4. Supabase 인증: 식별 토큰을 Supabase로 전송합니다. signInWithIdToken()

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

중요한 주의사항

Bundle ID 구성

• iOS는 Apple Sign-In을 위해 앱의 Bundle ID를 자동으로 사용합니다.
• Apple Developer Portal에서 구성된 Bundle ID와 일치하는지 확인하십시오.
• Bundle ID는 “Apple과 함께 로그인” 기능이 활성화되어야 합니다.

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를 확인하십시오.
• __CAPGO_KEEP_0__: Xcode에서 'Sign in with Apple' 기능이 활성화되어 있는지 확인하세요.
• Supabase 설정: Supabase Apple 제공자 설정에서 App ID가 올바르게 구성되어 있는지 확인하세요.
• __CAPGO_KEEP_0__: Apple에서 identity 토큰이 받혀 있는지 확인하세요.
• 예시 앱 __CAPGO_KEEP_0__ example app code Supabase Apple Login on iOS 설정에서 계속하기

Supabase Apple Login on iOS 설정에서 계속하기

Supabase Apple Login on iOS 설정에서 계속하기 iOS에서 Apple 로그인 설정 인증 및 계정 흐름을 계획하고 연결하세요. @capgo/capacitor-social-login을 사용하여 native capability을 사용하는 @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-social-login의 implementation detail @capgo/capacitor-passkey @capgo/capacitor-passkey의 implementation detail @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric의 implementation detail 두 단계 인증 두 단계 인증의 implementation detail