Saltar al contenido

Apple login en iOS

GitHub

Vamos a desglosar lo que necesitas para configurar el inicio de sesión con Apple en iOS.

  1. Configura las capacidades de tu app.

    Para ello, abre Xcode y haz clic en App App Xcode

  2. Asegúrate de seleccionar el target correcto.

    Objetivo de la app en Xcode

  3. Asegúrate de que has añadido Sign in with Apple .

    App XCode Agregar Capability

    App XCode Agregar Capability

  4. Inicializa Apple Login en tu app.

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

    Dicho botón debe llamar a la siguiente función:

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. Ejecuta tu app en un FÍSICO dispositivo y pruébalo.

    Si seguiste los pasos con cuidado, verás la siguiente pantalla al pulsar tu botón.

    Prompt de Apple Sign In en un dispositivo iOS

¡Listo! Ya está todo configurado.

Llama a initialize con el apple proveedor antes del login. En iOS, clientId no lo usa el sistema operativo directamente; el plugin lo usa 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 usando Apple login en iOS para planificar los flujos de autenticación y de cuenta, conéctalo con Uso de @capgo/capacitor-social-login para la capacidad nativa en el uso de @capgo/capacitor-social-login, @capgo/capacitor-social-login para los detalles 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 de dos factores para el detalle de implementación en la autenticación de dos factores.