애플 로그인 - 일반 설정

개요

애플 로그인과 Supabase 인증을 통합하는 데 도움이 되는 이 안내서를 사용하여 Apple Sign-In을 사용하여 iOS, Android 및 Web 플랫폼에서 안전하고 개인 정보 보호를 위한 인증 방법을 제공합니다.

사전 조건

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

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

2. Capgo 마케팅 웹사이트의 CONTRIBUTING.ASTRO 페이지에서 'Style Guide'를 읽었습니다. 애플 로그인 일반 설정 Apple OAuth 인증 설정 가이드

3. 각 플랫폼에 맞는 가이드를 따라 Apple OAuth 인증을 설정하세요.

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

   주의

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

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

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

1. 앱에 가서 Supabase 대시보드

2. __CAPGO_KEEP_0__ 프로젝트 클릭

   

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

   

4. __CAPGO_KEEP_0__ 탭 클릭 Providers 제공자 탭

   

5. 제공자 Apple Supabase Apple 제공자

   

6. Apple 로그인 활성화 Apple 제공자

   

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

   주의

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

   

8. 버튼 클릭 Save Supabase Apple 제공자 저장

   

   주의

   당신은 설치하지 않아도 됩니다. 설치하지 않아도 됩니다. Secret key (for OAuth)설치하지 않아도 됩니다.

설치하지 않아도 됩니다.

인증 도우미를 사용하여

인증 도우미를 사용하여 완전한 구현을 포함하는 함수가 있습니다. authenticateWithAppleSupabase() Apple Sign-In을 Supabase 인증과 함께 초기화합니다.

• Apple Sign-In을 Supabase 인증과 함께 초기화합니다.
• 인증 흐름을 처리합니다.
• Apple ID 토큰을 추출합니다.
• Apple ID 토큰을 사용하여 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);
}

Section titled “기본 사용법”

플랫폼에 따라 자동으로 다루는 도우미 함수:

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

Apple에서 제공하는 identity 토큰을 반환하고, Supabase와 인증하기 위해 사용합니다. supabase.auth.signInWithIdToken().

Supabase Apple Login - General Setup에서 계속하기

Supabase Apple Login - General Setup을 사용하는 경우 Supabase Apple Login - General Setup 인증 및 계정 흐름을 계획하고 연결하려면 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-passkey Using @capgo/capacitor-passkey Using @capgo/capacitor-native-biometric Using @capgo/capacitor-native-biometric Two-factor authentication Two-factor authentication