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é le Sign in with Apple capacité.

   

   

   Attention

   Si vous ne voyez pas la Sign in with Apple capacité, configurez la Comptes et Partage de Données Organisationnelles

4. Initialisez l'authentification Apple dans votre application.

   Note

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

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

5. Créez un bouton qui démarre le processus de connexion.

   Ce bouton doit appeler la fonction suivante :

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

6. Exécutez votre application sur un APPAREIL physique et effectuez les tests.

   Si vous avez suivi les étapes de près, 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 le apple fournisseur avant de vous connecter. Sur iOS, clientId n'est pas utilisé directement par le système d'exploitation ; le plugin utilise ce dernier 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'Apple login sur IOS

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