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

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

Vue d'ensemble

Ce guide vous aidera à intégrer l'authentification Apple Sign-In avec Supabase Authentication. L'authentification 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 de l'authentification Apple Login guide pour configurer les identifiants OAuth Apple
Suivi des guides spécifiques à la plateforme pour configurer les identifiants OAuth Apple 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.
For iOS, l'ID du client est le même que votre ID d'application. Pour Android et Web, l'ID du 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 dans votre Tableau de bord Supabase
Cliquez sur votre projet
Allez dans le Authentication menu
Cliquez sur la Providers onglet
Trouvez le Apple fournisseur
Activer le Apple fournisseur
Remplissez les informations de configuration du client ID :

Si vous utilisez l'authentification Apple pour iOS, l'ID du client est le même que votre ID d'application. Si vous utilisez l'authentification Apple pour Android ou Web, l'ID du 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'HAZARD PAS DE configurer Secret key (for OAuth). Nous allons mettre en place une implémentation backend personnalisée pour gérer l'authentification Apple.

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

En utilisant l'assistant d'authentification

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

Initialise la connexion Apple avec une configuration spécifique à la plateforme
Gère le flux de connexion (nativement sur iOS, redirection OAuth sur Android/Web)
Extrait le jeton d'identité d'Apple
Se connecte à Supabase avec le jeton d'identité

La mise en œuvre complète est disponible dans le fichier de l'application d'exemple.

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 à la plateforme :

iOS: Utilise l'inscription native d'Apple (pas de URL de redirection nécessaire, utilise automatiquement l'ID de l'application)
Android: Utilise le flux de redirection OAuth avec une fonction d'arête de serveur (exige l'ID de service)
Web: Utilise le flux de popup OAuth (exige l'ID de service et l'URL de la page actuelle en tant que redirection)

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

Si vous utilisez Supabase Apple Login - Paramètres Généraux pour planifier l'authentification et les flux de compte, connectez-le avec Utilisez @capgo/capacitor-connexion sociale pour la capacité native dans Utilisez @capgo/capacitor-connexion sociale, Utilisez @capgo/capacitor-connexion sociale pour le détail d'implémentation dans @capgo/capacitor-connexion sociale, Utilisez @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, Utilisez @capgo/capacitor-biométrie native 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.