Configuración de Supabase Apple Login en iOS

Requisitos

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

• el la configuración de Apple Login para iOS
• el Supabase Apple Login - Configuración general.

Implementación

La implementación completa está disponible en la de la app de ejemplo supabaseAuthUtils.ts archivo. Esta guía explica los conceptos clave y cómo usarlo.

Uso del Authentication Helper

El authenticateWithAppleSupabase función gestiona todo el flujo de autenticación:

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

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

1. Inicialización: El plugin usa automáticamente el bundle ID de tu app (sin clientId necesario)
2. Inicio de sesión nativo: Utiliza el botón nativo de Sign in with Apple y su flujo de autenticación
3. Token de identidad: Apple devuelve un identity token (JWT) con la información del usuario
4. Autenticación de Supabase: El identity token se envía a Supabase mediante signInWithIdToken()

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

Notas importantes

Configuración del Bundle ID

• iOS usa automáticamente el bundle ID de tu app para Apple Sign-In
• Asegúrate de que tu bundle ID coincida con el configurado en el Apple Developer Portal
• El bundle ID debe tener habilitada la capacidad “Sign in with Apple”

ID de cliente de Supabase

En Supabase, configura tu proveedor de Apple con:

• ID de cliente: Tu iOS App ID (bundle ID) - ej., app.capgo.plugin.SocialLogin

Si también usas Android/Web, deberás incluir tanto el App ID como el Service ID en el campo Client ID de Supabase (separados por comas).

Solución de problemas

Si la autenticación falla:

• Error de Bundle ID: Verifica que el bundle ID coincida en Xcode y en el Apple Developer Portal
• Capability desactivada: Asegúrate de que la capability “Sign in with Apple” esté habilitada en Xcode
• Configuración de SupabaseVerifica que tu App ID esté bien configurado en los ajustes del proveedor de Apple en Supabase
• Fallo en la validación del token: Comprueba que se esté recibiendo el identity token de Apple
• Revisa la app de ejemplo code como referencia

Continuar con la configuración de Supabase Apple Login en iOS

Si estás usando Configuración de Supabase Apple Login en iOS para planificar los flujos de autenticación y de cuenta, conéctalo con Uso de @capgo/capacitor-social-login para la capacidad nativa en el uso de @capgo/capacitor-social-login, @capgo/capacitor-social-login para los detalles de implementación en @capgo/capacitor-social-login, @capgo/capacitor-passkey para el detalle de implementación en @capgo/capacitor-passkey, @capgo/capacitor-native-biometric para el detalle de implementación en @capgo/capacitor-native-biometric, y Autenticación de dos factores para el detalle de implementación en la autenticación de dos factores.