Saltar al contenido
Capgo - Actualizaciones en vivo para Capacitor Apps Capgo

Supabase Apple Login on iOS Setup

GitHub

Requisitos previos

Sección titulada “Requisitos previos”

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

Implementación

Sección titulada “Implementación”

La implementación completa está disponible en el Usando el Asistente de Autenticación supabaseAuthUtils.ts Este guía explica los conceptos clave y cómo utilizarla.

Utilizando la Ayuda de Autenticación

función maneja todo el flujo de autenticación:

The authenticateWithAppleSupabase La función maneja 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

Sección titulada “Cómo Funciona”

En iOS, Apple Sign-In 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. Autenticación NativaUtiliza el botón de inicio de sesión nativo de 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 correctamente.

Observaciones importantes

Sección titulada “Observaciones importantes”

Configuración del ID de paquete

Sección titulada “Configuración del 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
  • La ID de la cesta debe tener la capacidad "Iniciar sesión con Apple" habilitada

ID de cliente de Supabase

Sección titulada “ID de cliente de Supabase”

En Supabase, configura tu proveedor de Apple con:

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

If necesitas usar Android/Web, necesitarás proporcionar tanto el ID de la aplicación como el ID de servicio en el campo ID del cliente de Supabase (separado por comas).

Solución de problemas

Si no se resuelve la autenticación:

Si falla la autenticación:

  • Diferencia de ID de paqueteVerifique que su ID de paquete coincida en ambos Xcode y Portal de Desarrollador de Apple
  • Capacidad no habilitadaAsegúrese de que la capacidad de "Iniciar sesión con Apple" esté habilitada en Xcode
  • Configuración de SupabaseVerifica que tu ID de aplicación esté configurado correctamente en los ajustes del proveedor Apple de Supabase.
  • La validación del token fallaVerifique que el token de identidad se está recibiendo desde Apple
  • Revisa el el ejemplo de aplicación code para referencia

Continúa desde Supabase Apple Login en iOS Setup

Título de la sección “Continúa 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-login-social para el detalle de implementación en @capgo/capacitor-social-login, @capgo/capacitor-clave de paso para la implementación en @capgo/capacitor-passkey @capgo/capacitor-autenticación-biometria-nativa para la implementación en @capgo/capacitor-native-biometric, y Autenticación en dos factores para la implementación en Autenticación en dos factores.