Connexion Apple sur IOS

Analysons 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é 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, la mise en œuvre 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.

   La bouton devrait 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 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 avant de se 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'],
  },
});

Continuer à partir de la connexion Apple sur IOS

Si vous utilisez la connexion 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 le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-native-biometric pour le détail d'implémentation dans @capgo/capacitor-native-biometric, et L'authentification à deux facteurs pour le détail d'implémentation dans L'authentification à deux facteurs.