시작하기

설치

Capgo의 AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 Capgo 스킬을 추가하려면 다음 명령어를 사용하세요:

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

그런 다음 다음 프롬프트를 사용하세요:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-supabase` plugin in my project.

만약 Manual Setup을 선호한다면, 다음 명령어를 실행하고 아래의 플랫폼별 지침을 따르세요.

npm install @capgo/capacitor-supabase
npx cap sync

Android 최소 SDK

Android 구현은 Android 8.0 이상이 필요합니다. __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 액세스

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();

인증 변경을 감지하세요

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);

네이티브 인증과 supabase-js pair

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);

네이티브 데이터베이스 헬퍼

• 인증 및 세션 관리를 위해 이 플러그인을 사용하세요.
• Realtime, Storage, Edge Functions 및 고급 쿼리 기능은 @supabase/supabase-js.
• native JWT를 JavaScript 클라이언트로 전달하여 Supabase의 나머지 기능 영역을 사용하세요.

Getting Started에서 계속하세요.

이 플러그인을 사용하는 경우 시작하기 native 플러그인 작업을 계획하는 경우 Capgo Plugin Directory와 연결하세요. Capgo Plugin Directory의 제품 워크플로우 Capacitor Capgo에서 제공하는 Capgo Capacitor 플러그인에 대한 구현 세부 정보는 Capgo 플러그인에 의해 제공됩니다. 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인에 대한 구현 세부 정보는 플러그인 추가 또는 업데이트에 의해 제공됩니다. 아이오닉 엔터프라이즈 플러그인 대체 아이오닉 엔터프라이즈 플러그인 대체에 대한 제품 워크플로우 및 __CAPGO_KEEP_0__ 네이티브 빌드에 대한 제품 워크플로우. Capgo으로 시작하세요. Capgo 앱을 배포하세요.