Supabase Apple Login on iOSのセットアップ

前提条件

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

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

実装

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

この

クリップボードにコピー authenticateWithAppleSupabase Copy to clipboard

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: __CAPGO_KEEP_0__ (iOS アプリ ID) - 例えば、 app.capgo.plugin.SocialLogin

Android/Web も使用している場合、Supabase の Client ID フィールドに App ID と Service ID を両方入力する必要があります (カンマで区切る)。

トラブルシューティング

認証が失敗した場合:

• Bundle ID の一致性が不正: Xcode と Apple Developer Portal で Bundle ID が一致していることを確認する
• サインイン機能が有効化されていない: Xcode で "Sign in with Apple" 機能が有効になっていることを確認する
• Supabase の設定: Supabase の Apple プロバイダ設定で App 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 のセットアップを使用している場合 認証とアカウントフローの計画に使用している Supabase Apple Login on iOS のセットアップを Capgo のドキュメントで接続してください。 Capacitor の @capgo/capacitor-social-login を使用して Capacitor の @capgo/capacitor-social-login のネイティブ機能を実装するには Capacitor の @capgo/capacitor-social-login を使用して Capacitor の @capgo/capacitor-social-login のネイティブ機能を実装するには Capacitor の @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要素認証の実装詳細について