Getting Started

安装

npm install @capgo/capacitor-supabase
npx cap sync

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

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 配对

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.
• 将原生 JWT 传递给 JavaScript 客户端时，需要 Supabase 面板的其余部分。

从 Getting Started 继续

如果您正在使用 从 Getting Started 计划原生插件工作，连接它与 Capgo 插件目录 在 Capgo 插件目录中， Capacitor 由 Capgo 在 Capacitor 由 Capgo 中的实现细节中, 添加或更新插件 为添加或更新插件的实现细节 Ionic 企业插件替代品 为 Ionic 企业插件替代品的产品工作流程 Capgo 原生构建 为 Capgo 原生构建的产品工作流程