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 に android/variables.gradle.

クライアントを初期化する

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

ネイティブアウトハントを 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);

セッション管理と認証のためにこのプラグインを使用

__CAPGO_KEEP_0__
__CAPGO_KEEP_0__ @supabase/supabase-js.
JavaScriptクライアントにネイティブJWTを渡す必要がある場合は、Supabaseの残りの機能エリアを使用してください。

Getting Startedから続けてください。

Capgoを使用している場合 Getting Started Capgoを使用してネイティブプラグインの作業を計画する場合、__CAPGO_KEEP_0__ プラグインディレクトリと接続してください。 Capgo プラグインディレクトリの製品ワークフロー Capgo プラグインディレクトリの__CAPGO_KEEP_1__ プラグイン Capacitor プラグインディレクトリのCapgo プラグインの実装詳細 for the implementation detail in Capacitor Plugins by Capgo, プラグインの追加または更新の実装詳細 __CAPGO_KEEP_0__ Ionic Enterprise Plugin Alternatives Ionic Enterprise プラグインの代替品のワークフローについて、 Capgo Native Builds Capgo ネイティブビルドのワークフローについて。