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

Copiez un prompt de configuration avec les étapes d'installation et le guide markdown complet pour ce plugin.

Aperçu

Ce 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.

Prérequis

Avant de commencer, assurez-vous d'avoir :

Créé un projet Supabase
Lu le Guide de configuration Apple Login guide pour configurer les clés d'authentification Apple OAuth
Suivi des guides spécifiques à la plateforme pour configurer les clés d'authentification Apple OAuth pour votre plateforme cible :
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.

Activation du fournisseur OAuth Apple dans Supabase

Allez à votre Tableau de bord Supabase
Cliquez sur votre projet
Allez-y vers le Authentication menu
Cliquez sur la Providers onglet
Trouvez le Apple fournisseur
Activer le Apple fournisseur
Remplissez la configuration de l'ID client :

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.
Cliquez sur le Save bouton

Vous N'AYEZ PAS À FAIRE ÇA setup Secret key (for OAuth)Nous allons mettre en place une mise en œuvre de backend personnalisée pour gérer l'authentification Apple.

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

Utilisation de l'assistant d'authentification

La mise en œuvre complète comprend une fonction d'aide authenticateWithAppleSupabase() qui gère l'intégralité de la flotte d'authentification Apple avec Supabase. Cette fonction :

Initialise l'authentification Apple avec une configuration spécifique à la plateforme
Gère la flotte d'authentification (native sur iOS, redirection OAuth sur Android/Web)
Extrait le jeton d'identité d'Apple
S'authentifie auprès de Supabase avec le jeton d'identité

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

Comment ça marche

La fonction d'aide gère automatiquement les différences spécifiques aux plateformes :

iOS: Utilise l'inscription native Apple (pas de URL de redirection nécessaire, utilise automatiquement l'ID de l'application)
Android: Utilise la méthode de redirection OAuth avec une fonction de bord d'edge (exige l'ID de service)
Web: Utilise la méthode de popup OAuth (exige l'ID de service et l'URL de la page actuelle en tant que redirection)

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

Si vous utilisez Paramètres généraux de Supabase Apple Login 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-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 dans Authentification à deux facteurs.