Getting Started

インストール

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

ネイティブ認証と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を使用している場合 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, プラグインの追加または更新 Capgoの実装詳細については、Adding or Updating Pluginsを参照してください。 Ionic Enterprise Pluginの代替 Capacitorの製品ワークフローについては、Ionic Enterprise Plugin Alternativesを参照してください。 Capgo Native Buildsの製品ワークフローについては、Capgo Native Buildsを参照してください。 for the product workflow in Capgo Native Builds.