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 に 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.
• native JWTをJavaScriptクライアントに渡すと、Supabaseの残りの機能エリアが利用可能になります。

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

Supabaseのnativeプラグインを使用している場合、 Getting Started nativeプラグインの作業計画に使用するには、 Capgo プラグインディレクトリ Capgo プラグインディレクトリの製品ワークフロー Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, プラグインの実装詳細については、 Capgoのプラグインの実装詳細については、Adding or Updating Pluginsを参照してください。 Ionic Enterprise Pluginの代替 CapacitorのNative Buildsの製品ワークフローについては、Ionic Enterprise Plugin Alternativesを参照してください。 Capgo Native Buildsの製品ワークフローについては、CapacitorのNative Buildsを参照してください。 for the product workflow in Capgo Native Builds.