Getting Started
Einen Setup-Prompt mit den Installationsanweisungen und der vollständigen Markdown-Dokumentation für dieses Plugin kopieren.
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.
Installieren
Abschnitt mit dem Titel „Installieren“Sie können unsere KI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten zu Ihrer KI-Anwendung hinzu, indem Sie die folgende Befehlszeile verwenden:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsVerwenden Sie dann die folgende Anfrage:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-supabase` plugin in my project.Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie das Plugin, indem Sie die folgenden Befehle ausführen und die Plattform-spezifischen Anweisungen unten befolgen:
npm install @capgo/capacitor-supabasenpx cap syncAndroid Minimalversion SDK
Abschnitt mit dem Titel „Android Minimalversion SDK“Die Android-Implementierung erfordert mindestens Android 8.0. Setze minSdkVersion = 26 in android/variables.gradle.
Initialisiere den Client
Abschnitt mit dem Titel „Initialisiere den Client“import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});Anmelden und Zugriff auf das JWT
Abschnitt mit dem Titel „Anmelden und Zugriff auf das 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));Authentifizierungsänderungen abrufen
Abschnitt mit dem Titel „Authentifizierungsänderungen abrufen“const listener = await CapacitorSupabase.addListener('authStateChange', ({ event, session }) => { console.log('Auth event', event); console.log('Current JWT available', Boolean(session?.accessToken));});
await listener.remove();Paare native Auth mit supabase-js
Abschnitt mit dem Titel „Paare native Auth mit 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);Hilfe für native Datenbanken
Abschnitt mit dem Titel „Hilfe für native Datenbanken“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);Empfehlte Verwendung
Abschnitt mit dem Titel „Empfehlte Verwendung“- Verwenden Sie diesen Plugin für die Authentifizierung und die Sitzungsverwaltung.
- Behalten Sie Echtzeit, Speicher, Edge-Funktionen und erweiterte Abfragen in
@supabase/supabase-js. - Übergeben Sie das native JWT in den JavaScript-Client, sobald Sie den Rest der Supabase-Oberfläche benötigen.
Fortsetzen Sie von Getting Started
Abschnitt mit dem Titel “Fortsetzen Sie von Getting Started”Wenn Sie native Plugin-Arbeit planen, verbinden Sie es mit Getting Started __CAPGO_KEEP_0__ Plugin-Verzeichnis für den Produktworkflow in Capgo Plugin-Verzeichnis Capgo Plugins von __CAPGO_KEEP_1__ für die Implementierungsdetails in Capacitor Plugins von Capgo for the implementation detail in Capacitor Plugins by Capgo, Hinweis: Die Übersetzung von "Getting Started" ist nicht erforderlich, da es bereits im Zieltext vorhanden ist. für die Implementierungsdetails in Hinzufügen oder Aktualisieren von Plugins Ionic Enterprise Plugin Alternativen für den Produktworkflow in Ionic Enterprise Plugin Alternativen, und Capgo Native Builds für den Produktworkflow in Capgo Native Builds.