Saltar al contenido

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. Configure las capacidades de tu aplicación.

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

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

    Objetivo de App 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 la autenticación de Apple 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.