Setup di Supabase Apple Login su iOS

Requisiti

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

• l impostazione di accesso Apple per iOS
• la configurazione generale di accesso Apple - Supabase.

Esecuzione

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

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

Esecuzione di "Come Funziona"

__CAPGO_KEEP_0__

1. Inizializzazione: Il plugin utilizza automaticamente l'ID del pacchetto dell'applicazione (nessun clientId Autenticazione nativa
2. : Utilizza il pulsante di autenticazione nativa di Apple e il flusso di autenticazioneToken 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 di aiuto rileva automaticamente la piattaforma iOS e configura tutto in modo appropriato. signInWithIdToken()

Nota importante

Sezione intitolata “Nota importante”

Configurazione ID Bundle

• 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”

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

Risoluzione dei problemi

Se l'autenticazione fallisce:

• Mancanza di corrispondenza dell'ID del pacchetto: Verifica che l'ID del pacchetto 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

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 Utilizzando @capgo/capacitor-social-login per la capacità nativa in Utilizzando @capgo/capacitor-social-login, @capgo/capacitor-social-login per il dettaglio di implementazione in @capgo/capacitor-social-login, @capgo/capacitor-passkey per il dettaglio di implementazione in @capgo/capacitor-passkey, @capgo/capacitor-autenticazione-biometrica-nativa per i dettagli di implementazione in @capgo/capacitor-autenticazione-biometrica-nativa, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.