Skip to content

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.

설치

npm install @capgo/capacitor-supabase
npx cap sync

Android 최소 SDK

Android 구현은 Android 8.0 이상이 필요합니다. 설정 minSdkVersion = 26 in android/variables.gradle.

Client 초기화

import { CapacitorSupabase } from '@capgo/capacitor-supabase';

await CapacitorSupabase.initialize({
  supabaseUrl: 'https://your-project.supabase.co',
  supabaseKey: 'your-anon-key',
});

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

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

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 및 고급 쿼리 기능을 유지하세요.
Native JWT를 JavaScript 클라이언트로 전달하여 Supabase의 나머지 영역을 사용하세요. @supabase/supabase-js.
Getting Started에서 계속하세요.

__CAPGO_KEEP_0__

이러한 제품을 사용하는 경우 Getting Started 자연 플러그인 작업을 계획하기 위해 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리에서 제품 워크플로우 Capacitor 플러그인들에 의해 Capgo Capacitor 플러그인들에 의해 Capgo의 구현 세부 정보 플러그인 추가 또는 업데이트 플러그인 추가 또는 업데이트의 구현 세부 정보 아이오닉 엔터프라이즈 플러그인 대체품 아이오닉 엔터프라이즈 플러그인 대체품의 제품 워크플로우 Capgo 네이티브 빌드 Capgo 네이티브 빌드의 제품 워크플로에 대해.