Configuration de l'option Apple Login de Supabase sur iOS

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à réalisé :

• le l'installation de Apple Login iOS
• le Supabase Apple Login - Configuration Générale.

Mise en œuvre

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

Utilisation de l'Aideur d'Authentification

La authenticateWithAppleSupabase fonction gère l'ensemble 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 l'ID de bundle de votre application (rien clientId nécessaire)
2. Signe d'Identité Native: Utilise le bouton de connexion Sign in with Apple d'Apple et le flux d'authentification natif
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 fonctionnalité de l'assistant détecte automatiquement la plateforme iOS et configure tout en conséquence.

Remarques importantes

Configuration de l'ID de l'application

• L'iOS utilise automatiquement l'ID de l'application pour Apple Sign-In
• Assurez-vous que votre ID de l'application correspond à ce qui est configuré dans le Portail Apple Developer
• 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,ID de l'application app.capgo.plugin.SocialLogin

Si vous utilisez également Android/Web, vous devrez fournir les deux identifiants d'application et de service dans le champ Identifiant 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 Xcode et dans le Portail des développeurs Apple
• Capacité non activée: Assurez-vous que la capacité « Connexion avec 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
• Révisez l'application d'exemple __CAPGO_KEEP_0__ example app code Continuez de Supabase Apple Login sur iOS Setup

Section intitulée « Continuez de Supabase Apple Login sur iOS Setup »

Supabase Apple Login sur iOS Setup pour planifier l'authentification et les flux de compte, connectez-le avec Utilisez @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login pour la capacité native dans Utilisez @capgo/capacitor-social-login, @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login, Utilisez @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 dans Authentification à deux facteurs.