Supabase Apple Login - Configuración general

Copie una solicitud 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 Sign-In de Apple con la autenticación de Supabase. Sign-In de Apple 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 tengas:

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

Habilitar el proveedor de autenticación OAuth de Apple en Supabase

Dirígete a tu Panel de control de Supabase
Haz clic en tu proyecto
No 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 Apple Login para iOS, el ID del cliente es el mismo que su ID de aplicación. Si está utilizando Apple Login 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

Tú NO TIENES QUE HACER NADA setup Secret key (for OAuth)Implementaremos un backend personalizado para manejar el inicio de sesión de Apple.

¡Listo! Ahora has habilitado 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 de ayuda authenticateWithAppleSupabase() que maneja todo el flujo de inicio de sesión con Apple con Supabase. Esta función:

Inicializa el inicio de sesión de 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);
}

Sección titulada “¿Cómo Funciona?”

iOS

: Utiliza la autenticación de Apple nativa (no se necesita una URL de redireccionamiento, utiliza automáticamente el ID de paquete): Utiliza la autenticación de Apple nativa (no se necesita una URL de redireccionamiento, utiliza automáticamente el ID de paquete)
Android: Utiliza el flujo de redireccionamiento de OAuth con función de borde de servidor (requiere ID de Servicio)
Web: Utiliza el flujo de popup de OAuth (requiere ID de Servicio y URL de página actual como redireccionamiento)

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 para planificar la autenticación y los flujos de cuenta, conecta Usando @capgo/capacitor-login-social para la capacidad nativa en Usando @capgo/capacitor-login-social, @capgo/capacitor-autenticación-social para el detalle de implementación en @capgo/capacitor-autenticación-social, @capgo/capacitor-clave-almacenada para el detalle de implementación en @capgo/capacitor-clave-almacenada, @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.