メインコンテンツにジャンプ

Getting Started

GitHub

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-auto` plugin in my project.

Manual Setupを使用する場合は、以下のコマンドを実行してプラグインをインストールし、以下のプラットフォーム固有の指示に従ってください。

  1. パッケージのインストール

    ターミナル画面
    npm i @capgo/capacitor-auto
  2. ネイティブプロジェクトを同期

    ターミナルウィンドウ
    npx cap sync
  3. ルートカータイプテンプレートを設定

    import { Auto } from '@capgo/capacitor-auto';
    await Auto.setRootTemplate({
    title: 'Garage',
    sections: [
    {
    header: 'Doors',
    items: [
    {
    id: 'open-main-door',
    title: 'Open main door',
    subtitle: 'Tap to send the action to the phone app',
    payload: { doorId: 'main' },
    },
    ],
    },
    ],
    });
  4. カーアクションを処理

    await Auto.addListener('carAction', async (event) => {
    if (event.id === 'open-main-door') {
    await openGarageDoor(event.payload?.doorId);
    }
    });
  5. 接続状態を追跡

    const status = await Auto.isAvailable();
    console.log(status.available, status.connected, status.platform);
    await Auto.addListener('connectionChanged', (event) => {
    console.log('Car connected:', event.connected, event.platform);
    });

Set emptyText when the template has no rows:

await Auto.setRootTemplate({
title: 'Garage',
emptyText: 'No actions are available right now.',
sections: [],
});

Use sendMessage for application-defined native __CAPGO_KEEP_3__ messages:

await Auto.sendMessage({
type: 'status',
payload: { online: true },
});
  • を参照してください。 iOS設定 CarPlayシーンとエンタイトルメントに関する詳細を参照するためのページ
  • を参照してください。 Android設定 Android Auto カテゴリとマニフェストに関する詳細を参照するためのページ

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

Section titled “Getting Startedから続けてください”

Capgoを使用している場合、 Getting Started を使用してネイティブ プラグインの作業を計画する場合、 Capacitor @capgo/capacitor-autoを使用 Capacitor @capgo/capacitor-autoのネイティブ機能を使用 Capgo プラグインディレクトリ Capgo プラグインの製品ワークフロー Capacitor プラグイン (@Capgo) Capacitor プラグイン (@Capgo)の実装詳細 プラグインの追加または更新 プラグインの追加または更新の実装詳細 Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替の製品ワークフロー