Iniciar sesión con Apple en IOS

Vamos a desglosar qué necesitarás para configurar el inicio de sesión de Apple en iOS.

1. Configure las capacidades de tu aplicación.

   Para hacer esto, por favor abre Xcode, haz clic en App

2. Asegúrate de que hayas seleccionado el objetivo correcto.

   

3. Por favor asegúrate de agregar el Sign in with Apple capacidad.

   

   

   Cuidado

   Si no ves la Sign in with Apple capacidad, configura la Cuenta y Compartir Datos de Organización

4. Inicia el inicio de sesión de Apple en tu aplicación.

   Nota

   Estoy utilizando Vue como mi marco de trabajo, la implementación exacta variará dependiendo del marco de tu elección

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

5. Crear un botón que iniciará el proceso de inicio de sesión.

   Dicho botón debería llamar a la siguiente función:

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

6. Ejecuta tu aplicación en un FÍSICO dispositivo y pruébala.

   Si sigues los pasos de cerca, verás la siguiente pantalla después de hacer clic en tu botón.

   

¡Eso es todo! Estás listo.

Inicia inicio de sesión de Apple

Llamar initialize con el apple antes de iniciar sesión. En iOS, clientId no es utilizado directamente por el sistema operativo; el plugin lo utiliza para saber qué proveedor iniciar.

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

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

Continuar desde inicio de sesión de Apple en IOS

Si estás utilizando inicio de sesión de Apple en IOS para planificar la autenticación y los flujos de cuenta, conectalo con Usando @capgo/capacitor-login-social para la capacidad nativa en Usando @capgo/capacitor-login-social, @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social, @capgo/capacitor-passkey para el detalle de implementación en @capgo/capacitor-passkey @capgo/capacitor-native-biometric para el detalle de implementación en @capgo/capacitor-native-biometric, y Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.