Anfang

Installieren

Sie können unsere KI-gestützte Einrichtung verwenden, um das Plugin zu installieren. Fügen Sie die Capgo-Fähigkeiten zu Ihrem KI-Tool hinzu, indem Sie die folgende Befehlszeile verwenden:

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

Verwenden 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-supabase
npx cap sync

Android Minimalversion SDK

Die Android-Implementierung erfordert mindestens Android 8.0. Setze minSdkVersion = 26 in android/variables.gradle.

Der Client initialisieren

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

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

const listener = await CapacitorSupabase.addListener('authStateChange', ({ event, session }) => {
  console.log('Auth event', event);
  console.log('Current JWT available', Boolean(session?.accessToken));
});

await listener.remove();

Native Auth mit supabase-js kombinieren

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

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);

Empfohlene Verwendung

• Verwenden Sie diesen Plugin für die Authentifizierung und die Verwaltung von Sitzungen.
• Behalten Sie Realtime, Storage, Edge-Funktionen und erweiterte Abfragen in @supabase/supabase-js.
• Übermitteln Sie das native JWT an den JavaScript-Client, sobald Sie den Rest der Supabase-Oberfläche benötigen.

Fortsetzen Sie von Getting Started

Wenn Sie native Plugin-Arbeit durchführen Getting Started um es mit Capgo Plugin-Verzeichnis zum Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo zum Implementierungsdetail in Capacitor Plugins von Capgo Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren 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.