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 dans android/variables.gradle.

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

Associer l'authentification native 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 Realtime, Storage, Edge Functions 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 « Getting Started »

Si vous utilisez « Getting Started » pour planifier le travail de plugin natif, connectez-le avec Répertoire de plugin Capgo pour le flux de travail du produit dans Répertoire de plugin Capgo Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo Ajouter ou Mettre à Jour les Plugins pour les détails d'implémentation dans Ajouter ou Mettre à Jour les Plugins, Alternatives de Plugins Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins Entreprise Ionic, et Capgo Développements Natives pour le flux de travail du produit dans Capgo Développements Natives.