Supabase Appleログイン設定

前提条件

このガイドでは、iOS で Apple Sign-In を Supabase Authentication に統合する方法を説明します。次のことが前提としています。

• Apple Login iOS のセットアップ Supabase Apple Login - General Setup
• 実装 これ.

Implementation

完全な実装は、 のファイルにあります。このガイドでは、主な概念とその使用方法について説明します。 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);
}

iOSの場合、Apple Sign-Inはネイティブの実装を使用します:

__CAPGO_KEEP_0__

1. 初期化: プラグインは自動的にアプリのバンドルIDを使用します (必要ありません) clientId ネイティブサインイン
2. : AppleのネイティブSign in with Appleボタンと認証フローを使用しますアイデンティティトークン
3. : Appleはユーザー情報を含むアイデンティティトークン (JWT) を返しますスーパベース認証
4. : アイデンティティトークンはスーパベースに送信されますヘルパー関数は自動的にiOSプラットフォームを検出して適切に設定します。 signInWithIdToken()

重要な注意事項

「重要な注意事項」というセクション

Bundle ID 設定

• iOS は、Apple Sign-In のためにアプリの Bundle ID を自動的に使用します。
• Apple Developer Portal で構成されている Bundle ID と一致することを確認してください。
• Sign in with Apple の機能が有効になっている Bundle ID を持つ必要があります。

Supabase Client ID

Supabase で、次のように Apple プロバイダーを構成します:

• Client ID: iOS アプリ ID (Bundle ID) - 例えば、 app.capgo.plugin.SocialLogin

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

トラブルシューティング

認証が失敗した場合:

• Bundle ID の一致性が不正: Xcode と Apple Developer Portal で Bundle ID が一致していることを確認してください
• Sign in with Apple の機能が有効になっていません: Xcode で "Sign in with Apple" の機能が有効になっていることを確認してください
• Supabase の設定: Supabase の Apple プロバイダーの設定で App ID が正しく設定されていることを確認してください
• トークン検証が失敗: Apple からアイデンティティトークンが受信されていることを確認してください
• 例として Capgo の例アプリケーション code for reference

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

iOSのAppleログイン設定から続けてください iOSのAppleログイン設定 iOSのAppleログイン設定から続けてください @capgo/capacitor-social-login @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の実装詳細について 二要素認証 二要素認証の実装詳細について