Configurazione di accesso Apple di Supabase su iOS

Requisiti preliminari

Questa guida ti aiuterà a integrare Apple Sign-In con l'autenticazione Supabase su iOS. Si presume che tu abbia già completato:

• il setup di Apple Login per iOS
• il Configurazione di accesso Apple a Supabase - Impostazioni generali.

Impostazione

L'implementazione completa è disponibile nel file dell'applicazione di esempio. Questa guida spiega i concetti chiave e come utilizzarlo. supabaseAuthUtils.ts Utilizzo dell'aiuto di autenticazione

Sottosezione intitolata “Utilizzo dell'aiuto di autenticazione”

funzione gestisce l'intero flusso di autenticazione: authenticateWithAppleSupabase Copia nella 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

Su iOS, Apple Sign-In utilizza l'implementazione nativa:

1. Inizializzazione: Il plugin utilizza automaticamente l'ID del pacchetto dell'app (nessuna clientId aggiunta necessaria)
2. Autenticazione nativa: Utilizza il pulsante di autenticazione con Apple e il flusso di autenticazione nativo
3. Token di identità: Apple restituisce un token di identità (JWT) contenente informazioni sull'utente
4. Autenticazione Supabase: Il token di identità viene inviato a Supabase utilizzando signInWithIdToken()

La funzione di aiuto rileva automaticamente la piattaforma iOS e configura tutto in modo appropriato.

Note importanti

Configurazione ID Bundle

• L'iOS utilizza automaticamente l'ID bundle dell'app per il Sign-in Apple
• Assicurati che l'ID bundle corrisponda a quanto configurato nel Portale dello Sviluppatore Apple
• L'ID bundle dovrebbe avere abilitata la capacità “Sign in with Apple”

ID Client Supabase

In Supabase, configura il tuo provider Apple con:

• ID Client: Il tuo ID App iOS (ID bundle) - ad esempio, app.capgo.plugin.SocialLogin

Se stai utilizzando anche Android/Web, dovrai fornire sia l'ID App che l'ID Servizio nel campo ID Client di Supabase (separati da virgole).

Risolvere i problemi

Se la registrazione fallisce:

• ID Bundle non corrispondente: Verifica che l'ID bundle corrisponda in entrambi Xcode e Apple Developer Portal
• Capacità non abilitata: Assicurati che la capacità “Accedi con Apple” sia abilitata in Xcode
• Configurazione di Supabase: Verifica che l'ID App sia configurato correttamente nei impostazioni del provider Apple di Supabase
• Errore di validazione del token: Controlla che il token di identità stia venendo da Apple
• Recensisci il esempio di applicazione code per riferimento

Continua da Supabase Apple Login on iOS Setup

Se stai utilizzando Supabase Apple Login on iOS Setup per pianificare l'autenticazione e le flussi di account, connettilo con Utilizza @capgo/capacitor-social-login per la capacità nativa in Utilizza @capgo/capacitor-social-login, @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-login-social @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey @capgo/capacitor-biometria-nativa per i dettagli di implementazione in @capgo/capacitor-biometria-nativa, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.