Supabase Apple Login on iOS セットアップ

前提条件

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

• その Apple Login iOSのセットアップ
• the Supabase Apple Login - General Setup.

Implementation

完全な実装は、 のファイルにあります。このガイドでは、主な概念とその使用方法について説明しています。 supabaseAuthUtils.ts Authentication Helperの使用

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

関数は、完全な認証フローを管理します: 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);
}

How It Works

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

1. 初期化: プラグインは自動的にアプリのバンドルIDを使用します (必要ありません) clientId ネイティブサインイン
2. : Appleのネイティブのサインインウィズアップルボタンと認証フローを使用しますアイデンティティトークン
3. : Appleはユーザー情報を含むアイデンティティトークン (JWT) を返しますSupabase Authentication
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

Client ID

• In Supabase, configure your Apple provider with:: __CAPGO_KEEP_0__ (iOS アプリ ID (バンドル ID)) - 例えば、 app.capgo.plugin.SocialLogin

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

トラブルシューティング

認証が失敗した場合:

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

iOS の Apple ログインの設定から続けてください。

Apple ログインの iOS 設定を使用している場合 iOS の Apple ログインの設定 認証とアカウントフローの計画に使用している場合、Apple ログインの iOS 設定を接続してください。 iOS の Apple ログインの設定を使用して、@capgo/capacitor-social-login iOS の Apple ログインの設定を使用して、@capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-passkey @capgo/capacitor-passkey @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric、 2要素認証 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-biometric、2要素認証