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.

   Remarque

   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.

   Le bouton dit 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 testez-le.

   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 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-l’avec En utilisant @capgo/capacitor-social-login pour la capacité native dans 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.