내용으로 건너뛰기

시작하기

터미널 창
npm install @capgo/capacitor-supabase
npx cap sync

Android 최소 SDK

Android 최소 SDK

Android 구현은 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 전체 영역의 나머지 부분을 사용하세요.