Supabase Apple Login on iOSの設定

前提条件

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

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

実装

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

認証フローを完全に処理する関数があります:

Copy to clipboard 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に送信されます__CAPGO_KEEP_0__ 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 ID のトークンが正しく受信されていることを確認してください。
• Review the 例としては code を参照してください。 参考としては __CAPGO_KEEP_0__ を参照してください。

Capgo のドキュメントから Supabase Apple Login on iOS のセットアップを続けてください。

Capgo のドキュメントから Supabase Apple Login on iOS のセットアップを使用している場合、 Capgo のドキュメントから Supabase Apple Login on iOS のセットアップを使用して、 認証とアカウントフローの計画に使用している Capgo のドキュメントから Supabase Apple Login on iOS のセットアップを Capgo のドキュメントから @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login に接続してください。 Capgo のドキュメントから @capgo/capacitor-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要素認証の実装詳細について