Configuration de connexion Apple Supabase sur iOS

Prerequisites

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 Paramétrage Apple Login iOS
• le Supabase Apple Login - Paramètres Généraux.

Implementation

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

Section intitulée « Utilisation de l'Aide à l'Authentification »

The authenticateWithAppleSupabase La 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 votre application (aucun clientId nécessaire)
2. Authentification native: Utilise le bouton et le flux d'authentification Sign in with Apple natif 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.

Remarques importantes

Configuration de l'ID de la boutique

• iOS utilise automatiquement l'ID de votre application pour Apple Sign-In
• Assurez-vous que votre ID de bundle correspond à ce qui est configuré dans le portail Apple Developer.
• L'ID de la boutique doit avoir la capacité « Sign in with Apple » activée

ID du client Supabase

Dans Supabase, configurez votre fournisseur Apple avec :

• ID du client: Your iOS App ID (bundle ID) - e.g., app.capgo.plugin.SocialLogin

Si vous utilisez également Android/Web, vous devez fournir les deux identifiants App et Service dans le champ ID client de Supabase (séparés par une virgule).

Troubleshooting

Si l'authentification échoue :

• Mauvaise correspondance de l'ID de l'ensembleVérifiez que votre ID de bundle correspond dans Xcode et dans le Portail Apple Developer.
• Capacité non activée : Assurez-vous que la capacité « Se connecter avec Apple » est activée dans Xcode
• Configuration de SupabaseVérifiez que votre ID d'application est correctement configuré dans les paramètres du fournisseur Apple de Supabase.
• Échec de la validation du jeton : Vérifiez que le jeton d'identité est reçu de Apple
• Examinez l' exemple d'application code en référence

Continuez de la configuration de Supabase Apple Login sur iOS

Si vous utilisez la configuration de Supabase Apple Login sur iOS pour planifier l'authentification et les flux de compte, connectez-l’à En utilisant @capgo/capacitor-social-login pour la capacité native dans En utilisant @capgo/capacitor-social-login, @capgo/capacitor-connexion-social pour le détail 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-biometrique pour les détails d'implémentation dans @capgo/capacitor-native-biometric, et L'authentification à deux facteurs pour les détails d'implémentation dans L'authentification à deux facteurs.