Configuración de Supabase Apple Login 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 la Ayuda de Autenticación supabaseAuthUtils.ts Sección titulada “Usando la Ayuda 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 nativo de Sign in with Apple y el flujo de autenticación de Apple
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 adecuadamente.

Notas 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 de ID de Cliente de Supabase (separado por comas).

Solución de problemas

Si falla la autenticación:

• Desacuerdo de ID de paquete: Verifique que su ID de paquete coincida en ambos Xcode y Portal de Desarrollador 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
• Fallo 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 con 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-privada para los detalles de implementación en @capgo/capacitor-clave-privada @capgo/capacitor-autenticación-biometria-nativa para los detalles de implementación en @capgo/capacitor-autenticación-biometria-nativa, y autenticación de dos factores para los detalles de implementación en autenticación de dos factores.