SupabaseのAppleログイン設定

前提条件

このガイドでは、iOSでApple Sign-InをSupabase Authenticationと統合する方法を説明します。Apple Login iOSセットアップをすでに完了していることを前提としています。

• Apple Login iOSセットアップ この
• the Supabase Appleログイン - 一般設定.

実装

このガイドでは、key概念とその使用方法について説明します。 認証ヘルパーの使用 supabaseAuthUtils.ts セクション「認証ヘルパーの使用」

関数は、認証フローの全てを処理します:

例 authenticateWithAppleSupabase ファイル

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のしくみ

iOSでは、Apple Sign-Inはネイティブ実装を使用します。

1. 初期化: プラグインは自動的にアプリのバンドルIDを使用します (必要ありません) clientId ネイティブサインイン
2. : AppleのネイティブSign in with Appleボタンと認証フローを使用しますアイデンティティトークン
3. : Appleはユーザー情報を含むアイデンティティトークン (JWT) を返しますSupabase認証
4. : アイデンティティトークンはSupabaseに送信されます: The identity token is sent to Supabase using signInWithIdToken()

iOSプラットフォームを自動検出して適切に設定します。

重要な注意事項

バンドルIDの設定

• iOSは、Apple Sign-InのためにアプリのバンドルIDを自動的に使用します。
• Apple Developer Portalで設定されているバンドルIDと一致することを確認してください。
• バンドルIDには「Sign in with Apple」機能を有効にする必要があります。

Supabase Client ID

Supabaseで、Appleプロバイダーを以下のように設定してください。

• クライアントID: iOSアプリID (バンドルID) - 例えば、 app.capgo.plugin.SocialLogin

Android/Webも使用している場合は、SupabaseのクライアントIDフィールドに両方のアプリIDとサービスIDを指定する必要があります (カンマで区切る)。

トラブルシューティング

認証が失敗した場合:

• バンドルIDの不一致: XcodeとApple Developer PortalでバンドルIDが一致していることを確認する
• サインイン機能の有効化: Xcodeで「Sign in with Apple」を有効化する
• Supabaseの設定: SupabaseのAppleプロバイダ設定でアプリIDが正しく設定されていることを確認する
• トークン検証の失敗: Apple からアイデンティティトークンが受信されていることを確認してください。
• Review the 例としては code を参照してください。 参考としては __CAPGO_KEEP_0__ を参照してください。

Capgo から続きましょう: Supabase Apple Login on iOS のセットアップ

Capgo を使用している場合、Capgo から続きましょう: Supabase Apple Login on iOS のセットアップ Capgo を使用して認証とアカウントフローの計画をします。Capgo を Capgo の __CAPGO_KEEP_1__-social-login に接続します。 Capgo の __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login を使用して、Capgo の __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login のネイティブ機能を実装します。 Capgo の capgo/capacitor-social-login Capgo の capgo/capacitor-social-login Capgo の capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and 2要素認証 2要素認証の実装詳細について