Getting Started
Copy sebuah prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.
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.
npm install @capgo/capacitor-supabasenpx cap syncAndroid Minimum SDK
Bagian berjudul “Android Minimum SDK”Implementasi Android memerlukan Android 8.0 atau yang lebih baru. Atur minSdkVersion = 26 di android/variables.gradle.
Inisialisasi Klien
Bagian berjudul “Inisialisasi Klien”import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});Masuk dan Akses JWT
Bagian berjudul “Masuk dan Akses 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));Dengar Perubahan Otorisasi
Bagian berjudul “Dengar Perubahan Otorisasi”const listener = await CapacitorSupabase.addListener('authStateChange', ({ event, session }) => { console.log('Auth event', event); console.log('Current JWT available', Boolean(session?.accessToken));});
await listener.remove();Pasang Otorisasi Nativ Dengan supabase-js
Bagian berjudul “Pasang Otorisasi Nativ Dengan 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);Bantuan Basis Data Nativ
Bagian berjudul “Bantuan Basis Data Nativ”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);Penggunaan yang Disarankan
Bagian berjudul “Penggunaan yang Disarankan”- Gunakan plugin ini untuk manajemen autentikasi dan sesi.
- Tetapkan Realtime, Storage, Edge Functions, dan pencarian lanjutan di
@supabase/supabase-js. - Passkan JWT asli ke klien JavaScript ketika Anda membutuhkan area Supabase yang lebih luas.
Tetapkan langkah dari Getting Started
Judul bagian “Tetapkan langkah dari Getting Started”Jika Anda menggunakan Getting Started untuk merencanakan pekerjaan plugin native, hubungkannya dengan Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin, Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Capgo Pembangunan Natively untuk alur kerja produk di Capgo Pembangunan Natively.