Getting Started

Installer

npm install @capgo/capacitor-supabase
npx cap sync

Minimum Android SDK

La mise en œuvre Android nécessite Android 8.0 ou une version plus récente. Définissez minSdkVersion = 26 en android/variables.gradle.

Initialisez Le Client

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

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

Se Connecter Et Accéder Au 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));

Écouter Les Changements D'Authentification

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

await listener.remove();

Authentifier nativement avec 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);

Aideurs de base de données natives

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

Utilisation recommandée

• Utilisez ce plugin pour la gestion d'authentification et de session.
• Conservez la mise en œuvre en temps réel, le stockage, les fonctions d'Edge et les requêtes avancées dans @supabase/supabase-js.
• Transmettez le JWT natif au client JavaScript chaque fois que vous avez besoin de la surface complète de Supabase.

Continuez de la section « Démarrage rapide »

Si vous utilisez Getting Started pour planifier le travail de plugin natif, connectez-le à Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, Ajout ou Mise à jour de Plugins pour les détails d'implémentation dans Ajout ou Mise à jour de Plugins, Alternatives de plugins Enterprise Ionic pour le flux de travail du produit dans Alternatives de plugins Enterprise Ionic, et Capgo Développements natifs pour le flux de travail du produit dans Capgo Développements natifs.