Supabase Apple 로그인 - 일반 설정

개요

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

사전 조건

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

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

2. 읽기 Apple Login General Setup Apple OAuth 인증 설정 안내

3. Apple OAuth 인증 설정을 위해 다음 플랫폼별 안내를 따라야 합니다:

   • Android 설정
   • iOS 설정
   • 웹 설정

   주의

   이 Supabase 튜토리얼을 시작하기 전에, 사용할 플랫폼에 따라 클라이언트 ID를 생성해야 합니다.

   iOS의 경우, 클라이언트 ID는 앱 ID와 동일합니다. Android 및 웹의 경우, 클라이언트 ID는 서비스 ID와 동일합니다. 이 가이드의 7단계에서 사용하겠습니다.

Apple OAuth 제공자 활성화하기 (Supabase)

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

2. 프로젝트 클릭

   

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

   

4. 탭 클릭 Providers 제공자 탭

   

5. 제공자 Apple __CAPGO_KEEP_0__

   

6. Enable the Apple 제공자

   

7. 클라이언트 ID 설정을 입력하세요.

   주의

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

   

8. 클라이언트 ID를 입력하세요. Save 버튼

   

   주의

   당신 설치할 필요가 없습니다. 설정 Secret key (for OAuth). 우리는 Apple 로그인 처리를 위해 커스텀 백엔드 구현을 수행합니다.

Voilà, 이제 Apple Sign-In을 Supabase 인증과 함께 활성화했습니다 🎉

인증 도우미 사용

인증 도우미를 사용하는 완전한 구현은 Apple Sign-In의 전체 흐름을 처리하는 도우미 함수를 포함합니다. authenticateWithAppleSupabase() Apple Sign-In을 Supabase와 함께 처리하는 도우미 함수는 다음과 같습니다.

• Apple Sign-In을 플랫폼에 맞게 초기화합니다.
• iOS에서 인증 흐름을 처리하고 (Android/Web에서 OAuth 리다이렉트)
• Apple에서 identity 토큰을 추출한다.
• identity 토큰을 사용하여 Supabase에 로그인한다.

완전한 Implementation

완전한 Implementation은 예제 앱의 supabaseAuthUtils.ts 파일에 있습니다.

기본 사용 방법

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

작동 방식

__CAPGO_KEEP_0__ 자동으로 플랫폼에 따라 다르게 처리합니다.

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

__CAPGO_KEEP_0__에서 Apple이 발급하는 identity token을 사용하여 Supabase와 인증합니다. supabase.auth.signInWithIdToken().