Getting Started
Copiar una solicitud de configuración con los pasos de instalación y la guía de markdown completa para este 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.
Instalar
Sección titulada “Instalar”npm install @capgo/capacitor-supabasenpx cap syncMínimo para Android SDK
Sección titulada “Android Mínimo SDK”La implementación de Android requiere Android 8.0 o una versión más nueva. Establecer minSdkVersion = 26 en android/variables.gradle.
Iniciar El Cliente
Sección titulada “Iniciar El Cliente”import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});Iniciar Sesión Y Acceder Al JWT
Sección titulada “Iniciar Sesión Y Acceder 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));Escuchar Cambios De Autenticación
Sección titulada “Escuchar Cambios De Autenticación”const listener = await CapacitorSupabase.addListener('authStateChange', ({ event, session }) => { console.log('Auth event', event); console.log('Current JWT available', Boolean(session?.accessToken));});
await listener.remove();Pair Native Auth Con supabase-js
Sección titulada “Pair Native Auth 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);Ayudas de base de datos nativa
Sección titulada “Ayudas de base de datos nativa”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);Uso recomendado
Sección titulada “Uso recomendado”- Utilice este plugin para la autenticación y el manejo de sesión.
- Mantenga en tiempo real, almacenamiento, funciones de borde y consultas avanzadas en
@supabase/supabase-js. - Pase el JWT nativo al cliente de JavaScript siempre que necesite el resto de la superficie de Supabase.
Siga adelante desde Getting Started
Sigue adelante desde Getting StartedSi estás utilizando Getting Started para planificar el trabajo de plugin nativo, conecta con Capgo Directorio de Plugin para el flujo de trabajo del producto en Capgo Directorio de Plugin Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de Plugins de Ionic Enterprise Capgo Compilaciones Nativas para el flujo de trabajo del producto en Capgo Compilaciones Nativas.