Getting Started
설치 단계와 이 플러그인의 전체 마크다운 가이드를 포함한 설정 지시어를 복사하세요.
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.
설치
설치AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 다음 명령어를 사용하여 Capgo 기능을 추가하세요.
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins만약 Manual Setup을 선호한다면, 플러그인을 설치하기 위해 다음 명령어를 실행하고 아래의 플랫폼별 지침을 따르세요.
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-supabase` plugin in my project.안드로이드 최소 __CAPGO_KEEP_0__
npm install @capgo/capacitor-supabasenpx cap sync안드로이드 최소 SDK
안드로이드 구현은 Android 8.0 이상을 필요로 합니다. SDK을 설정하세요.안드로이드 최소 __CAPGO_KEEP_0__ minSdkVersion = 26 in android/variables.gradle.
클라이언트 초기화
클라이언트 초기화import { CapacitorSupabase } from '@capgo/capacitor-supabase';
await CapacitorSupabase.initialize({ supabaseUrl: 'https://your-project.supabase.co', supabaseKey: 'your-anon-key',});JWT로 로그인하고 접근
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();네이티브 인증과 supabase-js pair
네이티브 인증과 supabase-js pairimport { 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);자연스러운 데이터베이스 도우미
자연스러운 데이터베이스 도우미 섹션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);권장 사용법
권장 사용법 섹션- 인증 및 세션 관리를 위해 이 플러그인을 사용하세요.
- 실시간, 저장소, 에지 함수 및 고급 쿼리 기능을 유지하세요.
@supabase/supabase-js. - 자바스크립트 클라이언트에 native JWT를 전달하여 Supabase의 나머지 기능 영역을 사용하세요.
Getting Started에서 계속하세요.
Getting Started에서 계속하세요 섹션이 플러그인을 사용하는 경우 시작하기 __CAPGO_KEEP_0__ 플러그인 디렉토리와 연결하여 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리에서 제품 워크플로우 Capacitor 플러그인은 Capgo에서 제공합니다. Capacitor 플러그인 구현 세부 사항은 Capgo에 의해 제공됩니다. __CAPGO_KEEP_0__ 플러그인 __CAPGO_KEEP_1__ 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트 Capgo 원시 빌드 Capgo 제품 워크플로우를 위한 네이티브 빌드.