Supabase Apple Login sur iOS Setup

Prérequis

Ce guide vous aidera à intégrer Apple Sign-In avec l'authentification Supabase sur iOS. Il est supposé que vous avez déjà terminé :

• le Paramètres de connexion Apple iOS
• le Paramètres de connexion Apple Supabase - Paramètres généraux.

Implémentation

La mise en œuvre complète est disponible dans le fichier de l'application d'exemple. Cette guide explique les principaux concepts et comment l'utiliser. supabaseAuthUtils.ts Utilisation de l'Assistant d'authentification

Section intitulée « Utilisation de l'Assistant d'authentification »

fonction gère l'ensemble du flux d'authentification : authenticateWithAppleSupabase Copier dans le presse-papier

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);
}

Section intitulée « Comment ça marche »

La fonction gère l'ensemble du flux d'authentification : __CAPGO_KEEP_0__

1. Initialisation: Le plugin utilise automatiquement l'ID de votre application (pas clientId d'obligation)
2. Connexion native: Utilise le bouton de connexion native Apple et le flux d'authentification d'Apple
3. Jeton d'identité: Apple retourne un jeton d'identité (JWT) contenant les informations de l'utilisateur
4. Authentification Supabase: Le jeton d'identité est envoyé à Supabase en utilisant signInWithIdToken()

La fonction d'aide détecte automatiquement la plateforme iOS et configure tout en conséquence.

Notes importantes

Configuration de l'ID de l'application

• L'iOS utilise automatiquement l'ID de l'application de votre application pour l'inscription Apple
• Assurez-vous que votre ID de l'application correspond à ce qui est configuré dans le Portail du développeur Apple
• L'ID de l'application doit avoir la capacité « Sign in with Apple » activée

ID du client Supabase

Dans Supabase, configurez votre fournisseur Apple avec :

• ID du client : Votre ID d'application iOS (ID de l'application) - par exemple, app.capgo.plugin.SocialLogin

Si vous utilisez également Android/Web, vous devrez fournir à la fois l'ID de l'application et l'ID de service dans le champ ID du client de Supabase (séparés par une virgule).

Résolution des problèmes

Si l'authentification échoue :

• Mauvaise correspondance de l'ID de l'application: Vérifiez que l'ID de l'application correspond dans les deux Xcode et Apple Developer Portal
• Capacité non activée: Assurez-vous que la capacité « Sign in with Apple » est activée dans Xcode
• Configuration de Supabase: Vérifiez que l'ID d'application est correctement configuré dans les paramètres de fournisseur Apple de Supabase
• Échec de la validation du jeton: Vérifiez que le jeton d'identité est reçu de Apple
• Examinez l'application d'exemple __CAPGO_KEEP_0__ example app code pour référence

Continuez de Supabase Apple Login sur iOS Configuration

Si vous utilisez Supabase Apple Login sur iOS Configuration pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-login-social pour la capacité native dans En utilisant @capgo/capacitor-login-social, @capgo/capacitor-login-social pour le détail d'implémentation dans @capgo/capacitor-login-social, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-auth-natifs pour les détails d'implémentation dans @capgo/capacitor-auth-natifs, et Deux facteurs d'authentification pour les détails d'implémentation dans Deux facteurs d'authentification.