Getting Started

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

Dann verwenden Sie 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.

Initialisieren Sie 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

const { session, user } = await CapacitorSupabase.signInWithPassword({
  email: 'user@example.com',
  password: 'password123',
});

console.log('User', user?.id);
console.log('JWT available', Boolean(session?.accessToken));

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

Native Datenbankhilfen

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 Sitzungsverwaltung.
• Behalten Sie Realtime, Storage, Edge-Funktionen und erweiterte Abfragen in @supabase/supabase-js.
• Übergeben Sie den native JWT in den JavaScript-Client, sobald Sie den Rest der Supabase-Oberfläche benötigen.

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, Wenn Sie Supabase verwenden 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.