Supabase Apple Login - Configurazione generale

Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.

Panoramica

Questa guida ti aiuterà ad 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:

Creato un progetto Supabase
Letto il Setup di Apple Login General guida per configurare le credenziali OAuth di Apple
Seguito le guide specifiche per piattaforma per configurare le credenziali OAuth di Apple per la tua piattaforma di destinazione:
Prima di iniziare il tutorial di Supabase, è necessario generare gli ID del client per le piattaforme che intendete utilizzare.
Per iOS, l'ID del client è lo stesso del vostro ID dell'applicazione. Per Android e Web, l'ID del client è lo stesso del vostro ID del servizio. Li utilizzerete nel passaggio 7 di questa guida.

Abilita il provider OAuth Apple in Supabase

Vai al tuo Pannello di controllo di Supabase
Clicca sul tuo progetto
Vai al Authentication menu
Clicca sul Providers tab
Cerca il Apple provider
Abilita il Apple provider
Inserisci la configurazione del codice cliente:

Se stai utilizzando Apple login per iOS, il codice cliente è lo stesso del tuo ID app. Se stai utilizzando Apple login per Android o Web, il codice cliente è 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.
Clicca sul Save tasto

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

Congratulazioni, hai ora abilitato l'accesso Apple con l'autenticazione Supabase!

Utilizzando l'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 una 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à

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

Sezione 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().

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