Supabase Apple Login on iOS Setup

Prerequisites

This guide will help you integrate Apple Sign-In with Supabase Authentication on iOS. It is assumed that you have already completed:

• the Apple Login iOS setup
• the Supabase Apple Login - General Setup.

Implementation

__CAPGO_KEEP_0__の完全な実装は、 __CAPGO_KEEP_0__の 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のネイティブのサインインウィズアップルボタンと認証フローを使用しますアイデンティティトークン
3. ：Appleはユーザー情報を含むアイデンティティトークン（JWT）を返しますスパバセ認証
4. ：アイデンティティトークンはスパバセに送信されますヘルパー関数はiOSプラットフォームを自動的に検出して、すべての設定を適切に構成します。 signInWithIdToken()

重要な注意

セクション「重要な注意」にタイトルが付けられます。

Bundle ID の設定

• iOS は、Apple Sign-In のためにアプリの Bundle ID を自動的に使用します
• Apple Developer Portal で設定されている Bundle ID と一致するように、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からアイデンティティトークンが受信されていることを確認してください
• 例としては code for reference

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

iOSのAppleログイン設定から続けてください iOSのAppleログイン設定から続けてください iOSのAppleログイン設定から続けてください Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @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 @capgo/capacitor-native-biometricの実装詳細について Two-factor authentication 2要素認証の実装詳細について