Supabase Appleログイン - 一般設定

概要

このガイドでは、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で使用します。

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

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

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

   

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

   

4. タブをクリック Providers Supabase

   

5. を探してください Apple プロバイダ

   

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

   

7. クライアントIDの設定を入力してください

   注意

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

   

8. クリックしてください Save ボタン

   

   注意

   あなた あなたは設定しなくてもいい 設定は私たちが行います。Appleログインを扱うカスタムバックエンド実装をします。 Secret key (for OAuth)Voilà,あなたはSupabase AuthenticationでApple Sign-Inを有効にしました 🎉

Authentication Helperを使用する

「Authentication Helperを使用する」のセクション

完全な実装には、サポートベースのヘルパー関数が含まれます。 authenticateWithAppleSupabase() この関数は、Supabaseと組み合わせてApple Sign-Inフローを完全に処理します。

• Apple Sign-Inをプラットフォーム固有の構成で初期化します。
• Appleの認証フローを処理します (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().