iOS用のSupabase Appleログインの設定

前提条件

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

• the これ
• the Supabase Apple ログイン - 一般設定.

実装

完全な実装は、 のファイルにあります。このガイドでは、 supabaseAuthUtils.ts 認証ヘルパーを使用する

セクション

The 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 Builder / ネイティブ クラウド ビルド プロダクト ページ。役割: セクションまたはページ ヘッダー。メッセージ キー `native_build_how_it_works_title` (ネイティブ ビルドの機能の仕組みのタイトル)。 | ホームページの問題/解決セクション。役割: 短い UI ラベルまたはナビゲーション アイテム。見られる場所: page premium-support.astro。メッセージ キー `ps_how_it_works` (PS の機能の仕組み)。 | ライブ アップデートのプロダクト ページ。役割: セクションまたはページ ヘッダー。メッセージ キー `live_update_how_it_works_title` (ライブ アップデートの機能の仕組みのタイトル)。

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

1. Initialization: プラグインは自動的にアプリのバンドルIDを使用します (必要ありません) clientId Native Sign-In
2. : AppleのネイティブSign in with Appleボタンと認証フローを使用しますIdentity Token
3. : Appleはユーザー情報を含むIDトークン（JWT）を返しますSupabase Authentication
4. : IDトークンはSupabaseに送信されます: Supabaseにアイデンティティトークンを送信します。 signInWithIdToken()

iOS プラットフォームを自動的に検出して適切に設定します。

重要な注意事項

バンドルIDの設定

• iOSは、Apple Sign-InのためにアプリのバンドルIDを自動的に使用します
• Apple Developer Portalで設定されているバンドルIDと一致することを確認してください
• バンドルIDには「Apple Sign in with」機能が有効になっている必要があります

Supabase クライアント ID

Supabaseで、Appleプロバイダーを以下のように設定してください

• クライアントID：iOSアプリID（バンドルID）- 例えば、 app.capgo.plugin.SocialLogin

Apple iOS用のSupabaseのApple認証プラグイン

トラブルシューティング

認証が失敗した場合:

• Bundle IDの不一致: XcodeとApple Developer PortalでBundle IDが一致していることを確認してください
• サインイン機能の有効化: Xcodeで「サインイン機能の有効化」が有効になっていることを確認してください
• Supabaseの設定: SupabaseのAppleプロバイダ設定でApp IDが正しく設定されていることを確認してください
• トークン検証の失敗: Appleからアイデンティティトークンが正しく受信されていることを確認してください
• レビューを 例のアプリ code の参考

Supabase Apple Login on iOS のセットアップから続けて

Supabase Apple Login on iOS のセットアップを使用している場合 Supabase Apple Login on iOS のセットアップ を使用して認証とアカウントフローの計画をし、接続する Capgoで@capgo/capacitor-social-loginを使用します。 Using @capgo/capacitor-social-login のネイティブ機能の実装詳細については、@capgo/capacitor-social-login @capgo/capacitor-social-login @capgo/capacitor-パスキー @capgo/capacitor-passkey @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric 2要素認証 2要素認証