시작하기
설치 명령어와 이 플러그인의 전체 마크다운 가이드를 포함한 설정 프롬프트 복사
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 최소 SDK
Android 최소 SDKAndroid 구현은 Android 8.0 이상이 필요합니다. 설정 minSdkVersion = 26 에서 android/variables.gradle.
import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});JWT를 얻기 위해 로그인하고 액세스
Section titled “Sign In And Access The 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));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 인증과 supabase-js pair 하기
Native 인증과 supabase-js pair 하기 섹션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 Database Helper
Native Database Helper 섹션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);권장 사용 방법
섹션 ‘권장 사용 방법’- 이 플러그인을 인증 및 세션 관리를 위해 사용하세요.
- 실시간, 저장소, Edge Functions 및 고급 쿼리 기능을 유지하세요.
@supabase/supabase-js. - native JWT를 JavaScript 클라이언트로 전달하여 Supabase 전체 영역의 나머지 부분을 사용하세요.