__CAPGO_KEEP_0__

概要

このガイドでは、Apple Sign-InとSupabase Authenticationを統合する方法を説明します。Apple Sign-Inは、iOS、Android、およびWebプラットフォームで動作するセキュアでプライバシーフォーカストの認証方法を提供します。

前提条件

開始する前に、以下を確認してください:

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

2. を参照してください Appleログインの一般的な設定 Apple OAuthの設定ガイド

3. Apple OAuthの設定を実施するには、以下のプラットフォーム固有のガイドを参照してください。

   • Androidの設定
   • iOSの設定
   • Webの設定

   注意

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

   iOSの場合、クライアントIDはアプリIDと同じです。 AndroidとWebの場合、クライアントIDはサービスIDと同じです。 このガイドのステップ7で使用します。

Apple OAuth プロバイダーを Supabase に有効化する

1. あなたの Supabase ダッシュボード

2. あなたのプロジェクトを

   

3. メニューに移動してください Authentication メニュー

   

4. プロバイダー Providers タブ

   

5. Capgoで Apple プロバイダー

   

6. プロバイダーを有効にします Apple Supabase Apple プロバイダー有効

   

7. 注意

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

   Supabase Apple プロバイダー クライアントID

   

8. targetLanguage Save ボタン

   

   注意

   あなた あなたはセットアップする必要はありません。 私たちは、Apple ログインを扱うカスタムバックエンド実装を実行します。 Secret key (for OAuth)Voilà、あなたは Supabase 認証を使用した Apple Sign-In を有効にしました 🎉

認証ヘルパーを使用する

「認証ヘルパーを使用する」のセクション

完全な実装にはヘルパー関数が含まれます authenticateWithAppleSupabase() Apple Sign-InフローをすべてのSupabaseで管理する機能です。この機能は次のことを行います。

• Apple Sign-Inをプラットフォーム固有の構成で初期化します。
• iOSではネイティブで、Android/WebではOAuthリダイレクトで認証フローを処理します。
• Appleからアイデンティティトークンを抽出します。
• アイデンティティトークンでSupabaseにサインインします。

完全な実装

完全な実装は例のアプリの ファイルにあります。 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: Apple Sign-Inを使用します (リダイレクト URLが必要ありません、bundle IDが自動的に使用されます)
• Android: バックエンドエッジ関数を使用したOAuthリダイレクトフロー (Service IDが必要です)
• Web: OAuthポップアップフローを使用します (Service IDと現在のページURLがリダイレクトURLとして必要です)

Appleから取得したアイデンティティトークンを使用して、Supabaseに認証します。 supabase.auth.signInWithIdToken().