Configuración de inicio de sesión de Apple de Supabase en iOS

Requisitos previos

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

• la configuración de inicio de sesión de Apple iOS el
• el Configuración general de inicio de sesión de Apple - Supabase.

Implementación

La implementación completa está disponible en el archivo del archivo de la aplicación de ejemplo. Este manual explica los conceptos clave y cómo utilizarlo. supabaseAuthUtils.ts Utilizando la Ayuda de Autenticación

Sección titulada “Utilizando 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);
}

How It Works

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

1. Inicialización: El plugin utiliza automáticamente el ID de paquete de tu aplicación (no clientId necesario)
2. Inicio de Sesión Nativo: Utiliza el botón de inicio de sesión con Apple de Apple y el flujo de autenticación nativa
3. Token de Identidad: Apple devuelve un token de identidad (JWT) que contiene información del usuario
4. Autenticación de Supabase: Se envía el token de identidad a Supabase usando signInWithIdToken()

La función de ayuda detecta automáticamente la plataforma iOS y configura todo correctamente.

Observaciones importantes

Configuración de ID de paquete

• iOS utiliza automáticamente el ID de paquete de su aplicación para el inicio de sesión con Apple
• Asegúrese de que su 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, configure su proveedor de Apple con:

• ID de cliente: Su ID de App de iOS (ID de paquete) - por ejemplo, app.capgo.plugin.SocialLogin

Si también está utilizando Android/Web, necesitará proporcionar tanto el ID de App como el ID de Servicio en el campo ID de Cliente de Supabase (separado por comas).

Resolución de problemas

Si falla la autenticación:

• Error de ID de paquete: Verifique que su ID de paquete coincida en Xcode y en el 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 su ID de App esté configurado correctamente en los ajustes de proveedor de Apple de Supabase
• Error de validación de tokenVerifique que el token de identidad se está recibiendo de Apple.
• Revisa 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 Usando @capgo/capacitor-social-login para la capacidad nativa en Usando @capgo/capacitor-social-login, Usando @capgo/capacitor-social-login para los detalles de implementación en @capgo/capacitor-login-social @capgo/capacitor-clave-de-usuario para los detalles de implementación en @capgo/capacitor-clave-de-usuario @capgo/capacitor-autenticación-biográfica-nativa para los detalles de implementación en @capgo/capacitor-autenticación-biográfica-nativa, y Autenticación de dos factores para los detalles de implementación en Autenticación de dos factores.