Supabase Apple Login - 일반 설정

개요

이 가이드는 Apple Sign-In을 Supabase 인증과 통합하는 데 도움이 됩니다. Apple Sign-In은 iOS, Android, 및 Web 플랫폼에서 작동하는 보안 및 개인 정보 보호 인증 방법을 제공합니다.

사전 요구 사항

__CAPGO_KEEP_0__을 시작하기 전에 다음을 확인하세요.

1. Supabase 프로젝트를 생성했습니다.

2. __CAPGO_KEEP_0__을 읽었습니다. Apple Login General Setup Apple OAuth 인증을 설정하기 위한 __CAPGO_KEEP_0__을 읽었습니다.

3. Apple OAuth 인증을 설정하기 위한 플랫폼별 __CAPGO_KEEP_0__을 읽었습니다.

   • Android Setup
   • iOS Setup
   • Web Setup

   주의

   __CAPGO_KEEP_0__을 시작하기 전에 사용할 플랫폼의 클라이언트 ID를 생성해야 합니다.

   iOS에서는 앱 ID와 동일한 클라이언트 ID를 사용합니다. Android 및 Web에서는 서비스 ID와 동일한 클라이언트 ID를 사용합니다. 7단계의 이 안내서에서 사용하십시오.

Supabase에서 Apple OAuth 제공자를 활성화하는 방법

1. Supabase로 이동하세요. Supabase 대시보드

2. 프로젝트 클릭

   

3. 메뉴로 이동하세요. Authentication 인증 메뉴

   

4. 메뉴 탭 클릭 Providers 탭 클릭

   

5. iOS, Android, 또는 Web에서 Apple 로그인 사용하는 경우 Apple 제공자

   

6. 제공자 활성화 Apple Apple Supabase 제공자 활성화

   

7. 주의

   iOS에서 Apple 로그인 사용하는 경우, 클라이언트 ID는 앱 ID와 같습니다. Android 또는 Web에서 Apple 로그인 사용하는 경우, 클라이언트 ID는 서비스 ID와 같습니다. 둘 다 사용하는 경우, 앱 ID와 서비스 ID를 모두 제공해야 합니다.

   Apple Supabase 제공자 클라이언트 ID

   

8. Click on the Save 버튼을 클릭하세요.

   

   주의

   당신은 설치할 필요가 없습니다. 설정을 해도 됩니다. 우리는 Apple 로그인을 처리하는 커스텀 백엔드 구현을 제공합니다. Secret key (for OAuth)축하합니다! Apple Sign-In을 Supabase Authentication으로 활성화했습니다! 🎉

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

인증 도우미를 사용하는 방법 섹션입니다.

The complete implementation includes a helper function authenticateWithAppleSupabase() that handles the entire Apple Sign-In flow with Supabase. This function:

• Apple Sign-In을 위한 플랫폼에 맞는 설정으로 초기화한다.
• iOS에서 네이티브로, 안드로이드/웹에서 OAuth 리다이렉션으로 인증 흐름을 처리한다.
• Apple에서 identity token을 추출한다.
• Supabase에 identity token으로 로그인한다.

Complete Implementation

Complete Implementation은 예제 앱의 supabaseAuthUtils.ts 파일에 있다.

Basic Usage

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

이것은 어떻게 작동합니까?

helper 함수는 플랫폼에 따라 자동으로 다르게 처리합니다.

• iOS: Apple Sign-In을 사용하여 (redirect URL이 필요하지 않으며, 자동으로 bundle ID를 사용합니다.)
• Android: 백엔드 에지 함수를 사용하여 OAuth redirect flow를 사용합니다 (Service ID가 필요합니다.)
• Web: OAuth popup flow를 사용하여 (Service ID와 현재 페이지 URL을 redirect URL로 사용합니다.)

Apple에서 identity token을 반환하고, 이 token을 사용하여 Supabase와 인증합니다. supabase.auth.signInWithIdToken().

Supabase Apple 로그인 - 일반 설정에서 계속

Supabase Apple 로그인을 사용 중이라면 Supabase Apple 로그인 - 일반 설정 인증 및 계정 흐름을 계획하고 연결하려면 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-native-biometric 구현 세부 정보는 @capgo/capacitor-native-biometric 에서 찾을 수 있습니다. 두 단계 인증 구현 세부 정보는 두 단계 인증 에서 찾을 수 있습니다.