Supabase Apple Login - Configurazione generale

Panoramica

Questa guida ti aiuterà a integrare Apple Sign-In con l'autenticazione Supabase. Apple Sign-In fornisce un metodo di autenticazione sicuro e focalizzato sulla privacy che funziona su piattaforme iOS, Android e Web.

Requisiti preliminari

Prima di iniziare, assicurati di avere:

1. Creato un progetto Supabase

2. Letto il Setup generale di Apple Login guida per configurare le credenziali OAuth di Apple

3. Seguito le guide specifiche per piattaforma per configurare le credenziali OAuth di Apple per la tua piattaforma di destinazione:

   • Setup Android
   • Impostazione iOS
   • Impostazione Web

   Nota

   Prima di iniziare il tutorial di Supabase, è necessario generare gli ID del client per le piattaforme che si desidera utilizzare.

   Per iOS, l'ID del client è lo stesso del proprio ID dell'app. Per Android e Web, l'ID del client è lo stesso del proprio ID del servizio. Si utilizzeranno in step 7 di questa guida.

Abilita il provider OAuth Apple in Supabase

1. Vai al tuo Pannello di controllo di Supabase

2. Clicca sul tuo progetto

   

3. Vai al Authentication menu

   

4. Clicca sul Providers tab

   

5. Trova il Apple provider

   

6. Abilita il Apple provider

   

7. Compilare la configurazione dell'ID del client:

   Nota

   Se stai utilizzando Apple Login per iOS, l'ID del client è lo stesso del tuo ID app. Se stai utilizzando Apple Login per Android o Web, l'ID del client è lo stesso del tuo ID servizio. Se stai utilizzando sia iOS che Android o Web, devi fornire sia l'ID app che l'ID servizio.

   

8. Clicca sul Save button

   

   Nota

   Tu NON DEVONO ESSERE FATTI setup Secret key (for OAuth)Implementiamo un backend personalizzato per gestire l'accesso Apple.

Ecco, hai ora abilitato l'accesso Apple con l'autenticazione Supabase 🎉

Utilizzo dell'helper di autenticazione

L'implementazione completa include una funzione helper authenticateWithAppleSupabase() che gestisce l'intero flusso di accesso Apple con Supabase. Questa funzione:

• Inizializza l'accesso Apple con configurazione specifica per piattaforma
• Gestisce il flusso di autenticazione (nativo su iOS, redirect OAuth su Android/Web)
• Estrae il token di identità da Apple
• Accede a Supabase con il token di identità

Esecuzione Completa

L'implementazione completa è disponibile nel file dell'applicazione di esempio. supabaseAuthUtils.ts Utilizzo Base

Sottosezione intitolata “Utilizzo Base”

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

Sottosezione intitolata “Come Funziona”

iOS

• : Utilizza l'accesso di Apple (nessuna URL di reindirizzamento necessaria, utilizza automaticamente l'ID bundle)__CAPGO_KEEP_0__
• Android: Utilizza il flusso di reindirizzamento OAuth con funzione di edge backend (richiede ID Servizio)
• Web: Utilizza il flusso di popup OAuth (richiede ID Servizio e URL della pagina corrente come reindirizzamento)

La funzione restituisce un token di identità da Apple, che viene poi utilizzato per autenticare con Supabase utilizzando supabase.auth.signInWithIdToken().

Continua da Supabase Apple Login - Configurazione Generale

Supabase Apple Login - Configurazione Generale per pianificare l'autenticazione e le flussi di account, connettilo con Utilizza @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-login-social per la capacità nativa in Utilizza @capgo/capacitor-login-social for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-autenticazione-social per i dettagli di implementazione in @capgo/capacitor-autenticazione-social, @capgo/capacitor-passkey per i dettagli 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.