Paramètres généraux de Supabase Apple Login

Vue d'ensemble

Cette guide vous aidera à intégrer Apple Sign-In avec l'authentification Supabase. Apple Sign-In fournit une méthode d'authentification sécurisée et axée sur la vie privée qui fonctionne sur les plateformes iOS, Android et Web.

Prerequisites

Avant de commencer, assurez-vous d'avoir :

1. Créé un projet Supabase

2. Lis le context : guide de style Paramètres de configuration Apple Login général

3. Suivez les guides spécifiques à votre plateforme pour configurer les informations d'authentification Apple OAuth.

   • Configuration Android
   • Configuration iOS
   • Configuration Web

   Remarque

   Avant de commencer le tutoriel Supabase, vous devez générer les identifiants clients pour les plateformes que vous prévoyez utiliser.

   Pour iOS, l'identifiant client est le même que votre ID d'application. Pour Android et Web, l'identifiant client est le même que votre ID de service. Vous les utiliserez à l'étape 7 de ce guide.

Activer le fournisseur OAuth Apple dans Supabase

1. Allez à votre Tableau de bord Supabase

2. Cliquez sur votre projet

   

3. Allez dans le Authentication menu

   

4. Cliquez sur l' Providers onglet

   

5. Trouvez le Apple fournisseur

   

6. Activer le Apple provider

   

7. Remplissez la configuration de l'ID client :

   Note

   Si vous utilisez Apple Login pour iOS, l'ID client est le même que votre ID d'application. Si vous utilisez Apple Login pour Android ou Web, l'ID client est le même que votre ID de service. Si vous utilisez les deux, vous devez fournir à la fois l'ID d'application et l'ID de service.

   

8. Cliquez sur le Save bouton

   

   Note

   Vous NE DEVEZ PAS CONFIGURER setup Secret key (for OAuth). Nous mettrons en place une mise en œuvre backend personnalisée pour gérer l'authentification Apple.

Voilà, vous avez maintenant activé l'authentification Apple avec l'authentification Supabase ! 🎉

En utilisant l'assistant d'authentification

La mise en œuvre complète inclut une fonction d'aide authenticateWithAppleSupabase() qui gère l'ensemble du flux d'authentification Apple avec Supabase. Cette fonction :

• Initialise l'authentification Apple avec une configuration spécifique au plateforme
• Gère le flux d'authentification (nativement sur iOS, redirigeant OAuth sur Android/Web)
• Extrait le jeton d'identité d'Apple
• Se connecte à Supabase avec le jeton d'identité

Implémentation complète

L'implémentation complète est disponible dans le fichier de l'application d'exemple. supabaseAuthUtils.ts file.

Utilisation de base

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 d'aide gère automatiquement les différences spécifiques à la plateforme.

• iOSUtilise l'authentification Apple native (pas de redirection URL nécessaire, utilise automatiquement l'ID de l'application)
• Android: Utilise le flux de redirection OAuth avec une fonction de bord (exige l'ID de service)
• WebUtilise la méthode OAuth popup (nécessite l'ID de service et l'URL de la page actuelle comme redirection)

Le fonction retourne un jeton d'identité de Apple, qui est ensuite utilisé pour s'authentifier avec Supabase à l'aide de supabase.auth.signInWithIdToken().

Continuez de Supabase Apple Login - Paramètres Généraux

Si vous utilisez Supabase Apple Login - Paramètres Généraux pour planifier l'authentification et les flux de compte, connectez-l’avec Utilisez @capgo/capacitor-social-login pour la capacité native en Utilisez @capgo/capacitor-social-login, @capgo/capacitor-connexion-social pour le détail d'implémentation en @capgo/capacitor-social-login, @capgo/capacitor-passkey pour le détail d'implémentation en @capgo/capacitor-passkey, @capgo/capacitor-native-biometrique pour le détail d'implémentation en @capgo/capacitor-native-biometric, et Deux facteurs d'authentification pour le détail d'implémentation en Deux facteurs d'authentification.