Supabase Apple Login - Configuración general

Copia 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 la autenticación de Apple Sign-In con Supabase. La autenticación de Apple Sign-In proporciona un método de autenticación seguro y centrado en la privacidad que funciona en iOS, Android y plataformas web.

Requisitos previos

Antes de empezar, asegúrate de que tengas:

Crear 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
Siguiste las guías específicas de la plataforma para configurar las credenciales de 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 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 tanto el ID de la aplicación como el ID de servicio.
Haga clic en el Save botón

Usted NO TIENE QUE HACER ESTO configuración Secret key (for OAuth)Implementaremos una implementación de backend personalizada 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 auxiliar authenticateWithAppleSupabase() que maneja todo el flujo de inicio de sesión de Apple con Supabase. Esta función:

Inicializa 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)
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 redirección, utiliza automáticamente el ID de paquete): __CAPGO_KEEP_0__
Android: Utiliza el flujo de redirección 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 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 Configuración general de Supabase Apple Login 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-privada para el detalle de implementación en @capgo/capacitor-clave-privada, @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.