Supabase Apple 로그인 iOS 설정

사전 요구 사항

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

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

Implementation

The complete implementation is available in the 예제 앱의 supabaseAuthUtils.ts 파일. 이 안내서에서는 주요 개념과 사용 방법을 설명합니다.

Using the Authentication Helper

함수는 인증 흐름의 모든 단계를 처리합니다: 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);
}

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와 일치하는지 확인하십시오.
• Bundle ID에 'Sign in with Apple' 기능이 활성화되어야 합니다.

Supabase Client ID

Supabase에서 Apple 제공자와 Apple provider를 구성하세요:

• 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가 일치하는지 확인하세요
• 사용 권한이 비활성화됨: Xcode에서 'Apple과 함께 로그인' 사용 권한이 활성화되어 있는지 확인하세요
• Supabase 설정: Supabase Apple 제공자 설정에서 App 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 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에서 두 단계 인증 구현에 대한 세부 정보를 위해