Configuración general de inicio de sesión de Apple - Supabase

GitHub

Copiar una solicitud de configuración con los pasos de instalación y la guía de markdown completa para este complemento.

Resumen

Esta guía te ayudará a integrar Apple Sign-In con la autenticación de Supabase. 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úrate de que tienes:

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

Habilitar el proveedor de OAuth de Apple en Supabase

Vaya a su Panel de Supabase
Haz clic en tu proyecto
Vaya a la Authentication menú
Haz clic en la Providers pestaña
Encuentra el Apple proveedor
Activar el Apple proveedor
Rellene la configuración del ID de cliente:

Si está utilizando inicio de sesión de Apple para iOS, el ID de 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 de 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

Tú NO NECESITAS ESTABLECER configuración Secret key (for OAuth). Realizaremos una implementación de backend personalizada para manejar la autenticación de Apple.

¡Listo! Has habilitado ahora el inicio de sesión con Apple con la autenticación de Supabase 🎉

Usando la Ayuda de Autenticación

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

Inicia el inicio de sesión con Apple con la configuración específica de la 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

Sección titulada “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 la plataforma:

iOS: Utiliza la autenticación nativa de Apple Sign-In (no se necesita una URL de redirección, utiliza automáticamente el ID de paquete)
Android: Utiliza el flujo de OAuth con una función de borde de servidor (requiere ID de Servicio)
Web: Utiliza el flujo de OAuth de ventana emergente (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 utilizando supabase.auth.signInWithIdToken().

Si estás utilizando Supabase Apple Login - Configuración general planificar la autenticación y los flujos de cuenta, conecte con Usando @capgo/capacitor-login-social para la capacidad nativa en Usando @capgo/capacitor-login-social Usando @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social Usando @capgo/capacitor-passkey para el detalle de implementación en Usando @capgo/capacitor-passkey Usando @capgo/capacitor-biométrico-nativo para el detalle de implementación en Usando @capgo/capacitor-biométrico-nativo, y Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.