Iniciar sesión en Apple en IOS

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

1. Configura las capacidades de tu aplicación.

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

2. Asegúrate de que selecciones 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 Organizativos

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

   Nota

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

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

5. Crear un botón que inicie 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.

Iniciar 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 inicializar.

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-social-login para la capacidad nativa en Usando @capgo/capacitor-social-login, @capgo/capacitor-social-login para el detalle de implementación en @capgo/capacitor-social-login, @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.