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 Supabase Authentication en iOS. Se asume que ya has completado:

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

Implementación

La implementación completa está disponible en el archivo de la aplicación de ejemplo. Este manual explica los conceptos clave y cómo utilizarlo. Usando el Asistente de Autenticación supabaseAuthUtils.ts Sección titulada “Usando el Asistente de Autenticación”

La

Copiar a portapapeles authenticateWithAppleSupabase Copy to clipboard

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 de Apple y el flujo de autenticación nativos
3. Token de Identidad: Apple devuelve un token de identidad (JWT) que contiene información del usuario
4. Autenticación de Supabase: El token de identidad se envía a Supabase utilizando signInWithIdToken()

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

Notas importantes

Configuración de ID de paquete

• iOS utiliza automáticamente el ID de paquete de tu aplicación para el inicio de sesión con Apple
• 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: 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 de ID de Cliente de Supabase (separado por comas).

Solución de problemas

Si falla la autenticación:

• Error de ID de paquete: Verifique que su ID de paquete coincida en tanto en Xcode como 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, @capgo/capacitor-social-login para los detalles de implementación en @capgo/capacitor-login-social @capgo/capacitor-clave-de-pass para los detalles de implementación en @capgo/capacitor-clave-de-pass @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.