Pulsa para ir al contenido principal

Sesión de Apple en IOS

GitHub

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 Aplicación XCode

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

    Objetivo de la aplicación XCode

  3. Asegúrate de que hayas agregado el Sign in with Apple capacidad.

    Agregar Capacidad a App XCode

    Agregar Capacidad a App XCode

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

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. Crea un botón que iniciará el proceso de inicio de sesión.

    El botón mencionado 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 DISPOSITIVO FÍSICO y prueba su funcionamiento.

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

    Prompt de inicio de sesión de Apple en un dispositivo iOS

¡Eso es todo! Estás listo.

Realiza una llamada initialize con el apple proveedor antes de iniciar sesión. En iOS, clientId no se utiliza directamente por el sistema operativo; el complemento 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'],
},
});

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