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 cible appropriée.

   

3. Veuillez vous assurer d'avoir ajouté les 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 du framework de votre choix

   //  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 testez-la.

   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 la 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'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 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 L'authentification à deux facteurs pour les détails d'implémentation dans L'authentification à deux facteurs.