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

Copie un prompt de configuración con los pasos de instalación y la guía de markdown completa 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úrate de que tienes:

Crear 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.

Habilitar el proveedor de OAuth de Apple en Supabase Panel de Supabase
Haz clic en tu proyecto
Vaya a la Authentication menú
Haz clic en la Providers pestaña
Encuentra el Apple proveedor
Habilitar 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 TIENES QUE configurar Secret key (for OAuth). Nosotros realizaremos una implementación de backend personalizada para manejar el inicio de sesión de Apple.

¡Listo! Has habilitado el inicio de sesión con Apple y Supabase Authentication

Usando la Ayuda de Autenticación

que maneja todo el flujo de inicio de sesión de Apple con Supabase. Esta función: authenticateWithAppleSupabase() Inicia el inicio de sesión de Apple con la configuración específica de plataforma

Maneja el flujo de autenticación (nativo en iOS, redirección de OAuth en Android/Web)
Nota
Extrae el token de identidad de Apple
Se 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 mediante supabase.auth.signInWithIdToken().

Si estás utilizando Supabase Apple Login - Configuración general para 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 @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social @capgo/capacitor-passkey para el detalle de implementación en @capgo/capacitor-passkey @capgo/capacitor-biometría-nativa para el detalle de implementación en @capgo/capacitor-biometría-nativa, y Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.