Configuration de Supabase Apple Login sur iOS

Prerequisites

Ce guide vous aide à intégrer Apple Sign-In avec Supabase Authentication sur iOS. Nous partons du principe que vous avez déjà effectué :

• la Configuration d'Apple Login sur iOS
• la Connexion Apple via Supabase - configuration générale.

Implémentation

L'implémentation complète est disponible dans le fichier de l'application d'exemple. supabaseAuthUtils.ts Ce guide explique les concepts clés et comment l'utiliser.

Utilisation de l'Authentication Helper

Le authenticateWithAppleSupabase la fonction gère l'intégralité du flux d'authentification :

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

Comment ça marche

Sur iOS, Apple Sign-In utilise l'implémentation native :

1. Initialisation: Le plugin utilise automatiquement le bundle ID de votre application (pas de clientId nécessaire)
2. Connexion native: Utilise le bouton natif Sign in with Apple et son flux d'authentification
3. Token d'identité: Apple renvoie un token d'identité (JWT) contenant les informations utilisateur
4. Authentification Supabase: Le token d'identité est envoyé à Supabase via signInWithIdToken()

La fonction helper détecte automatiquement la plateforme iOS et configure tout correctement.

Notes importantes

Configuration du Bundle ID

• iOS utilise automatiquement le bundle ID de votre application pour Apple Sign-In
• Assurez-vous que votre bundle ID correspond à celui configuré sur le portail Apple Developer
• Le bundle ID doit avoir la capacité « Sign in with Apple » activée

Client ID Supabase

Dans Supabase, configurez votre fournisseur Apple avec :

• ID client: Votre App ID iOS (bundle ID) - ex : app.capgo.plugin.SocialLogin

Si vous utilisez également Android/Web, vous devrez fournir l'App ID et le Service ID dans le champ Client ID de Supabase (séparés par une virgule).

Troubleshooting

Si l'authentification échoue :

• Incohérence du bundle ID: Vérifiez que votre bundle ID est identique dans Xcode et sur le portail Apple Developer
• Capability non activée: Assurez-vous que la capability « Sign in with Apple » est activée dans Xcode
• Configuration de SupabaseVérifiez que votre App ID est correctement configuré dans les paramètres du fournisseur Apple de Supabase
• Échec de la validation du token: Vérifiez que le token d'identité est bien reçu d'Apple
• Consultez l’ exemple d’application code pour référence

Continuer la configuration de Supabase Apple Login sur iOS

Si vous utilisez Configuration de Supabase Apple Login sur iOS pour planifier les flux d'authentification et de compte, le connecter à Utiliser @capgo/capacitor-social-login pour la capacité native dans Utiliser @capgo/capacitor-social-login @capgo/capacitor-social-login pour les détails d'implémentation dans @capgo/capacitor-social-login @capgo/capacitor-passkey pour les détails d'implémentation dans @capgo/capacitor-passkey @capgo/capacitor-native-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour les détails d'implémentation de l'authentification à deux facteurs.