Configurazione di Supabase Apple Login 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:

• la configurazione di accesso Apple iOS
• il Impostazione di accesso Apple Supabase - Configurazione generale.

Implementazione

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

Sezione intitolata “Utilizzo dell'helper di autenticazione”

funzione gestisce l'intero flusso di autenticazione: authenticateWithAppleSupabase Copia nel portapenne

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);
}

Come Funziona

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

1. Inizializzazione: Il plugin utilizza automaticamente l'ID del pacchetto dell'app (nessuna clientId azione necessaria)
2. Sign-In Nativo: Utilizza il pulsante di autenticazione Sign in with Apple di 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'applicazione per l'accesso Apple
• Assicurati che l'ID bundle corrisponda a quanto configurato nel Portale dello Sviluppatore Apple
• L'ID bundle dovrebbe avere abilitata la capacità “Accedi con 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: Verifica che il token di identità stia venendo ricevuto 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.