Getting Started

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

Puoi utilizzare la nostra configurazione assistita dall'IA per installare il plugin. Aggiungi le Capgo competenze al tuo strumento di AI utilizzando il seguente comando:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Allora utilizza il seguente prompt:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-supabase` plugin in my project.

Se preferisci l'installazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche del tuo platform sotto:

npm install @capgo/capacitor-supabase
npx cap sync

Minimo Android SDK

La implementazione Android richiede Android 8.0 o versione successiva. Imposta minSdkVersion = 26 in android/variables.gradle.

Inizializza il Client

import { CapacitorSupabase } from '@capgo/capacitor-supabase';

await CapacitorSupabase.initialize({
  supabaseUrl: 'https://your-project.supabase.co',
  supabaseKey: 'your-anon-key',
});

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 le modifiche 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();

Correla 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 di 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

Usa questo plugin per l'autenticazione e la gestione delle sessioni.
Conserva Realtime, Storage, Funzioni di Edge e query avanzate in @supabase/supabase-js.
Passa il JWT nativo al client JavaScript ogni volta che hai bisogno dell'area di superficie completa di Supabase.

Continua da qui: Guida iniziale

Guida iniziale per pianificare il lavoro del plugin nativo, connettilo con per pianificare il lavoro del plugin nativo, connettilo per il flusso di lavoro del prodotto in Capgo Directory dei plugin, per il workflow del prodotto nella Capgo Directory dei Plugin. Capacitor Plugins by Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo Aggiungere o aggiornare i Plugin per i dettagli di implementazione in Aggiungere o Aggiornare i Plugin Alternative per Plugin Enterprise Ionic per il workflow del prodotto in Alternative per Plugin Enterprise Ionic, e Capgo Build Nativo per il workflow del prodotto in Capgo Build Nativo.