Inizia
Copia una richiesta di configurazione con i passaggi 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.
Installazione
Finestra del terminalenpm install @capgo/capacitor-supabasenpx cap syncAndroid Minimum SDK
Sezione intitolata “Minimo Android SDK”La 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 i cambiamenti di autenticazione
Sezione intitolata “Ascolta i 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();Connetti l'autenticazione nativa con supabase-js
Sezione intitolata “Connetti 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 consigliato
Utilizza questo plugin per l'autenticazione e la gestione delle sessioni.- Mantieni Realtime, Storage, Funzioni di Edge e query avanzate in
- Passa il JWT nativo nel client JavaScript ogni volta che hai bisogno dell'intera area di Supabase.
@supabase/supabase-js. - Modifica pagina