Connexion Apple sur IOS

Décomposons ce dont vous aurez besoin pour configurer l'authentification Apple sur iOS.

1. Configurez les capacités de votre application.

   Pour ce faire, veuillez ouvrir Xcode, cliquez sur App

2. Assurez-vous d'avoir sélectionné la bonne cible.

   

3. Veuillez vous assurer d'avoir ajouté la Sign in with Apple capacité.

   

   

   Attention

   Si vous ne voyez pas la Sign in with Apple capacité, configurez la Compte et partage de données organisationnelles

4. Initialisez l'authentification Apple dans votre application.

   Note

   J'utilise Vue comme mon cadre de travail, l'implémentation exacte variera en fonction du cadre de votre choix

   //  onMounted is vue specific
   onMounted(() => {
   SocialLogin.initialize({
       apple: {}
   })
   });

5. Créez un bouton qui démarre le processus d'authentification.

   Le bouton doit appeler la fonction suivante :

   async function loginApple() {
   const res = await SocialLogin.login({
       provider: 'apple',
       options: {}
   })

6. Exécutez votre application sur un PHYSICAL appareil physique et testez-le.

   Si vous avez suivi les étapes étroitement, vous verrez l'écran suivant après avoir cliqué sur votre bouton.

   

C'est tout ! Vous êtes prêt.

Initialiser la connexion Apple

Appeler initialize avec la apple avant connexion. Sur iOS, clientId n'est pas utilisé directement par le système d'exploitation; le plugin l'utilise pour savoir quel fournisseur initialiser.

await SocialLogin.initialize({
  apple: {
    clientId: 'your-client-id',
  },
});

const res = await SocialLogin.login({
  provider: 'apple',
  options: {
    scopes: ['email', 'name'],
  },
});

Continuez de l'authentification Apple sur IOS

Si vous utilisez l'authentification Apple sur IOS pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-social-login pour la capacité native dans En utilisant @capgo/capacitor-social-login, @capgo/capacitor-social-login pour le détail 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 L'authentification à deux facteurs pour les détails d'implémentation dans L'authentification à deux facteurs.