Inizia
Copia un prompt di configurazione con le istruzioni di installazione e la guida markdown completa per questo plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-supabase`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/supabase/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installa
Sezione intitolata “Installa”npm install @capgo/capacitor-supabasenpx cap syncMinimo Android SDK
Sezione intitolata “Minimo Android SDK”L'implementazione Android richiede Android 8.0 o versione successiva. Imposta minSdkVersion = 26 in android/variables.gradle.
Inizializza Il Client
Sezione intitolata “Inizializza Il Client”import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});Accedi E Accedi Al JWT
Sezione intitolata “Accedi E Accedi Al JWT”const { session, user } = await CapacitorSupabase.signInWithPassword({ email: 'user@example.com', password: 'password123',});
console.log('User', user?.id);console.log('JWT available', Boolean(session?.accessToken));Ascolta Per Cambiamenti Di Autenticazione
Sezione intitolata “Ascolta Per Cambiamenti Di Autenticazione”const listener = await CapacitorSupabase.addListener('authStateChange', ({ event, session }) => { console.log('Auth event', event); console.log('Current JWT available', Boolean(session?.accessToken));});
await listener.remove();Correlare L'Autenticazione Nativa Con supabase-js
Sezione intitolata “Correlare L'Autenticazione Nativa Con supabase-js”import { createClient } from '@supabase/supabase-js';
const { session } = await CapacitorSupabase.getSession();
const supabase = createClient('https://your-project.supabase.co', 'your-anon-key', { global: { headers: { Authorization: `Bearer ${session?.accessToken}`, }, },});
const { data } = await supabase.from('table').select('*');console.log(data);Aiuti Per Database Nativi
Sezione intitolata “Aiuti Per Database Nativi”const { data, error } = await CapacitorSupabase.select({ table: 'users', columns: 'id, name, email', filter: { active: true }, limit: 10, orderBy: 'created_at', ascending: false,});
console.log(data, error);Utilizzo Raccomandato
Sezione intitolata “Utilizzo Raccomandato”- Usa questo plugin per l'autenticazione e la gestione delle sessioni.
- Mantieni Realtime, Storage, Edge Functions e query avanzate in
@supabase/supabase-js. - Passa il JWT nativo nel client JavaScript ogni volta che hai bisogno dell'area di superficie Supabase rimanente.
Continua da Getting Started
Sezione intitolata “Continua da Getting Started”Se stai utilizzando Getting Started per pianificare il lavoro del plugin nativo, connettilo con Capgo Directory dei plugin per il flusso di lavoro del prodotto in Capgo Directory dei plugin, Capacitor Plugin da Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo Aggiunta o Aggiornamento Plugin per i dettagli di implementazione in Aggiunta o Aggiornamento Plugin, Sostituti Plugin Enterprise Ionic per il flusso di lavoro del prodotto in Sostituti Plugin Enterprise Ionic, e Capgo Costruzione Nativa per il flusso di lavoro del prodotto in Capgo Costruzione Nativa.