Configuración de Supabase Apple Login en iOS

Requisitos previos

Esta guía te ayudará a integrar el inicio de sesión de Apple con la autenticación de Supabase en iOS. Se asume que ya has completado:

• el Configuración de inicio de sesión de Apple para iOS
• el Configuración general de inicio de sesión de Apple de Supabase.

Implementación

La implementación completa está disponible en el archivo del ejemplo de aplicación. Esta guía explica los conceptos clave y cómo utilizarlo. supabaseAuthUtils.ts Usando la Ayuda de Autenticación

Sección titulada “Usando la Ayuda de Autenticación”

función maneja todo el flujo de autenticación: authenticateWithAppleSupabase Copiar a portapapeles

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?”

En iOS, Apple Sign-In utiliza la implementación nativa: __CAPGO_KEEP_0__

1. Iniciación: El plugin utiliza automáticamente el ID de paquete de tu aplicación (no clientId Ingreso nativo
2. : Utiliza el botón de inicio de sesión nativo de Apple y el flujo de autenticación de AppleToken de identidad
3. : Apple devuelve un token de identidad (JWT) que contiene información del usuarioAutenticación de Supabase
4. : El token de identidad se envía a Supabase utilizandoLa función de ayuda detecta automáticamente la plataforma iOS y configura todo correctamente. signInWithIdToken()

Notas importantes

Sección titulada “Notas importantes”

Configuración de ID de paquete

• iOS utiliza automáticamente el ID de paquete de tu aplicación para Apple Sign-In
• Asegúrate de que tu ID de paquete coincida con lo configurado en el Portal de Desarrolladores de Apple
• El ID de paquete debe tener habilitada la capacidad de “Iniciar sesión con Apple”

ID de cliente de Supabase

En Supabase, configura tu proveedor de Apple con:

• ID de cliente: Tu ID de aplicación de iOS (ID de paquete) - por ejemplo, app.capgo.plugin.SocialLogin

Si también estás utilizando Android/Web, necesitarás proporcionar tanto el ID de aplicación como el ID de servicio en el campo ID de cliente de Supabase (separados por comas).

Solución de problemas

Si falla la autenticación:

• Desacuerdo de ID de paquete: Verifique que el ID de paquete coincida en ambos Xcode y Portal de desarrolladores de Apple
• No habilitado la capacidad: Asegúrese de que la capacidad “Iniciar sesión con Apple” esté habilitada en Xcode
• Configuración de Supabase: Verifique que el ID de la aplicación esté configurado correctamente en los ajustes de proveedor de Apple de Supabase
• Falla la validación del token: Verifique que el token de identidad se esté recibiendo de Apple
• Revisar el ejemplo de aplicación code para referencia

Sigue adelante desde Supabase Apple Login en iOS Setup

Si estás utilizando Supabase Apple Login en iOS Setup 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-passkey para el detalle de implementación en @capgo/capacitor-passkey, @capgo/capacitor-autenticación-biográfica-nativa para el detalle de implementación en @capgo/capacitor-autenticación-biográfica-nativa Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.