Getting Started
Copas 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.
Bagian berjudul “Pasang”
Jendela terminalnpm install @capgo/capacitor-supabasenpx cap syncMinimum Android SDK
Judul Bagian “Minimum Android SDK”Implementasi Android memerlukan Android 8.0 atau lebih baru. Atur minSdkVersion = 26 di android/variables.gradle.
Inisialisasi Klien
Judul Bagian “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
Judul Bagian “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));Tunggu Perubahan Otorisasi
Bagian Berjudul “Tanggap 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
Gunakan plugin ini untuk pengaturan otorisasi dan manajemen sesi.- Tetapkan Realtime, Penyimpanan, Fungsi Pintu Gerbang, dan pencarian lanjutan di
- __CAPGO_KEEP_0__
@supabase/supabase-js. - Pasang token JWT asli ke dalam klien JavaScript ketika Anda membutuhkan area Supabase yang lain.
Lanjutkan dari Getting Started
Bagian berjudul “Lanjutkan dari Getting Started”Jika Anda menggunakan Getting Started untuk merencanakan pekerjaan plugin native, hubungkan 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 Perusahaan Ionic untuk alur kerja produk di Alternatif Plugin Perusahaan Ionic, dan Capgo Pembangunan Natively untuk alur kerja produk di Capgo Pembangunan Natively.