Supabase Apple Login - Configuración General

Copiar un prompt de configuración con los pasos de instalación y la guía completa de Markdown para este plugin.

Resumen

Esta guía te ayudará a integrar Apple Sign-In con Supabase Authentication. Apple Sign-In proporciona un método de autenticación seguro y centrado en la privacidad que funciona en plataformas iOS, Android y Web.

Requisitos previos

Antes de empezar, asegúrese de tener:

Creado un proyecto de Supabase
Leído el Configuración general de inicio de sesión de Apple guía para configurar las credenciales de OAuth de Apple
Siga las guías específicas de la plataforma para configurar las credenciales de OAuth de Apple para su plataforma objetivo:
Antes de empezar el tutorial de Supabase, necesita generar los identificadores de cliente para las plataformas que planea utilizar.
For iOS, el identificador del cliente es el mismo que su ID de aplicación. Para Android y Web, el identificador del cliente es el mismo que su ID de servicio. Los utilizará en el paso 7 de esta guía.

Activar proveedor de OAuth de Apple en Supabase

Vaya a su Panel de control de Supabase
Haga clic en su proyecto
Vaya al Authentication menú
Haga clic en la Providers pestaña
Encuentre el Apple proveedor
Habilite el Apple proveedor
Rellene la configuración del ID del cliente:

Si está utilizando inicio de sesión de Apple para iOS, el ID del cliente es el mismo que su ID de aplicación. Si está utilizando inicio de sesión de Apple para Android o Web, el ID del cliente es el mismo que su ID de servicio. Si está utilizando ambos, necesita proporcionar ambos el ID de aplicación y el ID de servicio.
Haga clic en el Save botón

Usted NO TIENES QUE configurar Secret key (for OAuth). Haremos una implementación de backend personalizada para manejar el inicio de sesión de Apple.

¡Listo! Ahora ha habilitado el inicio de sesión con Apple con la autenticación de Supabase

Utilizando la Ayuda de Autenticación

La implementación completa incluye una función auxiliar authenticateWithAppleSupabase() que maneja el flujo completo de inicio de sesión de Apple con Supabase. Esta función:

Inicia el inicio de sesión de Apple con configuración específica de plataforma
Maneja el flujo de autenticación (nativo en iOS, redirección de OAuth en Android/Web)
Extrae el token de identidad de Apple
Inicia sesión en Supabase con el token de identidad

Uso Básico

import { authenticateWithAppleSupabase } from './supabaseAuthUtils';

const result = await authenticateWithAppleSupabase();
if (result.success) {
  console.log('Signed in:', result.user);
  // Navigate to your authenticated area
} else {
  console.error('Error:', result.error);
}

¿Cómo funciona

La función de ayuda maneja automáticamente las diferencias específicas de plataforma:

iOS: Utiliza el inicio de sesión nativo de Apple (no se necesita una URL de redirección, utiliza automáticamente el ID de paquete)
Android: Utiliza el flujo de redirección OAuth con la función de borde de servidor (requiere ID de servicio)
Web: Utiliza el flujo de popup OAuth (requiere ID de servicio y la URL actual de la página como redirección)

La función devuelve un token de identidad de Apple, que luego se utiliza para autenticar con Supabase supabase.auth.signInWithIdToken().

Si estás utilizando Supabase Apple Login - Configuración General para planificar la autenticación y los flujos de cuenta, conecta 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-clave-privada para el detalle de implementación en @capgo/capacitor-clave-privada, @capgo/capacitor-autenticación-biometrica-nativa para el detalle de implementación en @capgo/capacitor-biométrica nativa, y Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.