Supabase Apple Login - 一般設定

概要

このガイドでは、Apple Sign-InとSupabase Authenticationを統合する方法を説明します。Apple Sign-Inは、iOS、Android、Webプラットフォームを対象にした安全でプライバシーに配慮した認証方法を提供します。

前提条件

開始する前に、以下の条件を満たしてください。

1. Supabaseプロジェクトを作成

2. Apple Login General Setup Apple OAuth認証の設定方法を学ぶ Apple OAuth認証の設定方法を学ぶ

3. Apple OAuth認証の設定方法を学ぶ

   • Androidの設定方法
   • iOSセットアップ
   • Webセットアップ

   注意

   Supabaseチュートリアルを始める前に、使用するプラットフォームのクライアントIDを生成する必要があります。

   iOSの場合、クライアントIDはアプリIDと同じです。

AndroidおよびWebの場合、クライアントIDはサービスIDと同じです。

1. Apple OAuthプロバイダーをSupabaseで有効化する Apple OAuthプロバイダーを有効化するためのSupabaseの設定

2. Go to your

   

3. Do go to the Authentication メニュー

   

4. Click on the Providers タブ

   

5. Find the Apple プロバイダ

   

6. 有効化 Apple プロバイダ

   

7. __CAPGO_KEEP_0__を入力してください:

   注意

   iOSのAppleログインを使用している場合、クライアントIDはアプリIDと同じです。 AndroidまたはWebのAppleログインを使用している場合、クライアントIDはサービスIDと同じです。 両方を使用している場合、両方のアプリIDとサービスIDを提供する必要があります。

   

8. __CAPGO_KEEP_1__をクリックしてください Save button

   

   注意

   __CAPGO_KEEP_2__は必要ありません。 __CAPGO_KEEP_0__は保護されたトークンです。 設定 Secret key (for OAuth)__CAPGO_KEEP_0__

Voilà, Apple Sign-Inを使用したSupabase認証を有効にしました 🎉

認証ヘルパーを使用

Apple Sign-Inフローを完全に処理するヘルパー関数が含まれます。 authenticateWithAppleSupabase() Apple Sign-Inをプラットフォーム固有の構成で初期化します。

• iOSではネイティブ、Android/WebではOAuthリダイレクトで認証フローを処理します。
• Appleからアイデンティティトークンを抽出します。
• アイデンティティトークンでSupabaseにサインインします。
• 完全な実装

__CAPGO_KEEP_0__

__CAPGO_KEEP_1__ 例のアプリの supabaseAuthUtils.ts ファイルに

__CAPGO_KEEP_0__

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__

__CAPGO_KEEP_1__

• iOS: Apple Sign-Inを使用します (リダイレクトURLは必要ありません、自動でbundle IDを使用します)
• Android: OAuth リダイレクトフローを使用し、バックエンドエッジ関数 (Service ID が必要) を使用します。
• Web: OAuth ポップアップフローを使用し (Service ID と現在のページ URL をリダイレクトとして必要)、

Apple から ID トークンを返します。これは、Supabase に対して使用して認証します。 supabase.auth.signInWithIdToken().

Supabase Apple Login - General Setup

あなたが Supabase Apple Login - General Setup を使用して認証とアカウントフローの計画を行っている場合、 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 を参照してください。 Two-factor authentication 2要素認証の実装詳細については Two-factor authentication を参照してください。