跳过内容

Getting Started

终端窗口
npm install @capgo/capacitor-supabase
npx cap sync

Android最低版本SDK

Android 最小版本 SDK

Android 实现需要 Android 8.0 或更高版本。设置 minSdkVersion = 26android/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 配对的原生认证

标题:与 supabase-js 配对的原生认证
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);

原生数据库助手

标题:原生数据库助手
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.
  • 在 JavaScript 客户端中传递原生 JWT 时,始终获得 Supabase 面板的其余功能。

如果您正在使用 Getting Started 规划原生插件工作时,将其与 Capgo 插件目录 Capgo 插件目录中的产品工作流 Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, __CAPGO_KEEP_0__ 插件 __CAPGO_KEEP_1__ 插件的实现细节 添加或更新插件的实现细节,请参见《添加或更新插件》,《Ionic Enterprise Plugin Alternatives》中的产品工作流,以及 Capgo 原生构建 为产品工作流程在 Capgo 原生构建.