Saltare al contenuto

Setup di Supabase Apple Login su iOS

GitHub

Questa guida ti aiuterà ad integrare l'accesso con Apple con l'autenticazione di Supabase su iOS. Si presume che tu abbia già completato:

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

Sezione intitolata “Utilizzo dell'Helper di Autenticazione”

La

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

Sezione intitolata “Come Funziona”

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

__CAPGO_KEEP_0__

  1. Inizializzazione: Il plugin utilizza automaticamente l'ID del pacchetto dell'app (nessun clientId Accesso nativo
  2. : Utilizza il pulsante di accesso nativo di Apple e il flusso di autenticazione di AppleToken di identità
  3. : Apple restituisce un token di identità (JWT) contenente informazioni sull'utenteAutenticazione Supabase
  4. : Il token di identità viene inviato a Supabase utilizzandoLa funzione helper rileva automaticamente la piattaforma iOS e configura tutto in modo appropriato. signInWithIdToken()

Nota importante

Sezione intitolata “Nota importante”

Sezione intitolata “Nota importante”
  • L'iOS utilizza automaticamente l'ID bundle dell'app per l'accesso a Apple Sign-In
  • 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”

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 virgola).

Se la autenticazione fallisce:

  • Mancanza di corrispondenza dell'ID del bundle: Verifica che l'ID del 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 dell'app sia configurato correttamente nei impostazioni del provider Apple di Supabase
  • Fallimento della validazione del token: Controlla che il token di identità stia ricevendo da Apple
  • Recensisci l'applicazione di esempio __CAPGO_KEEP_0__ example app code per riferimento

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