Authentification Apple pour les navigateurs web

La configuration du login web n'est pas trivial. C'est plus difficile 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

Remarque

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

Please follow the guide ici pour générer le service.

Configuration de la Return URLs

1. Allez dans la configuration de votre ID de service

   Dans le Portail du développeur Apple, naviguez jusqu'à Identifiers > Services IDs et cliquez sur votre ID de service.

2. Configurez l'authentification avec Apple

   Cliquez sur Configure à droite de Sign in with Apple.

   

3. Ajoutez les URLs de retour

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

   

4. Ajoutez les URLs de retour

   Ajoutez votre domaine pour votre application web dans Domains and Subdomains.

   Attention

   Vous ne pouvez pas ajouter localhost ou 127.0.0.1 en tant que domaine ici.

   Ajoutez ensuite votre domaine avec le https:// prefix et le chemin à partir duquel vous appelez Apple Login. Pour exemple, si votre domaine est https://my-app.com et vous appelez Apple Login à partir de /loginvous devez ajouter https://my-app.com/login comme URL de retour.

   Attention

   Vous DEVEZ ajouter à la fois le domaine avec une barre oblique finale et sans barre oblique finale.

   

5. Enregistrer les modifications

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

6. Vous devriez être prêt à tester la connexion pour JavaScript. Notez que vous ne pouvez pas tester depuis localhost.

Continuez de la connexion Apple pour les navigateurs web

Si vous utilisez Apple login dans les navigateurs web pour planifier l'authentification et les flux de compte, connectez-l’avec Utilisation de @capgo/capacitor-social-login pour la capacité native dans Utilisation de @capgo/capacitor-social-login @capgo/capacitor-connexion-social pour le détail d'implémentation dans @capgo/capacitor-social-login @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey @capgo/capacitor-native-biometrique pour le détail d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour le détail d'implémentation dans Authentification à deux facteurs.