Apple login pour les navigateurs web

Configurer la connexion web n'est pas trivial. C'est plus complexe que de configurer Sign in with Apple sur iOS, mais plus difficile que de configurer Sign in with Apple sur Android.

Génération du service

Note

Cette étape est redondante si vous avez déjà configuré Sign in with Apple sur Android.

Veuillez suivre le guide ici pour générer le service.

Configurer la Return URLs

1. Allez dans la configuration de votre Service ID

   Dans le Portail Apple Developer, accédez à Identifiers > Services IDs et cliquez sur votre service ID.

2. Configurer Sign in with Apple

   Cliquez sur Configure à côté de Sign in with Apple.

   

3. Ajouter les URL de retour

   Cliquez sur le + bouton pour ajouter une nouvelle URL de retour.

   

4. Ajouter les URL de retour

   Ajoutez le domaine de votre application web dans Domains and Subdomains.

   Attention

   Vous NE POUVEZ PAS ajouter localhost ou 127.0.0.1 comme domaine ici.

   Ensuite, ajoutez votre domaine avec le https:// préfixe et le chemin depuis lequel vous appellerez Apple Login. Par exemple, si votre domaine est https://my-app.com et que vous appelez Apple Login depuis /login, vous devez ajouter https://my-app.com/login comme URL de retour.

   Attention

   Vous DEVEZ add both the domain with a trailing slash and without a trailing slash.

   

5. Enregistrer les modifications

   1. Cliquez sur le bouton Next pour enregistrer les modifications.
   2. Cliquez sur le bouton Save pour enregistrer les modifications.

6. Vous êtes prêt à tester l'authentification JavaScript. Notez qu'il est impossible de tester depuis localhost.

Continuer avec l'authentification Apple pour les navigateurs web

Si vous utilisez Apple login pour les navigateurs web pour planifier les flux d'authentification et de compte, le connecter à Utiliser @capgo/capacitor-social-login pour la capacité native dans Utiliser @capgo/capacitor-social-login @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 de l'authentification à deux facteurs.