Getting Started

インストール

AI-Assisted セットアップを使用してプラグインをインストールできます。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. root car テンプレートを設定

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

車用UIはポリシー制御される

CarPlayおよびAndroid Autoは任意のWebViewのミラーリングを許可していない。車用アクションは短く、運転者に安全で、AppleまたはGoogleによって承認されたアプリケーションカテゴリと一致するようにしてください。

空の状態

設定 emptyText テンプレートが行がない場合:

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

メッセージを橋渡しします

使用 sendMessage アプリ定義のネイティブブリッジメッセージのために:

await Auto.sendMessage({
  type: 'status',
  payload: { online: true },
});

プラットフォーム設定

• 以下の手順に従ってください iOS設定 CarPlayシーンと特権に関する注釈のページを参照してください。
• 以下の手順に従ってください Android設定 Android Auto カテゴリとマニフェストのノート用のページ。

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

「Getting Started から続けてください」を使用している場合 Getting Started 「Getting Started」を使用してネイティブ プラグインの作業を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-auto を使用して接続します。 @capgo/capacitor-auto を使用してネイティブ機能を使用する場合 for the native capability in Using @capgo/capacitor-auto, Capgo プラグイン ディレクトリを使用して製品ワークフローを計画する場合 Capgo プラグインの __CAPGO_KEEP_1__ Capacitor プラグインの Capgo を使用して実装の詳細を計画する場合 Capacitor プラグインの Capgo を使用して実装の詳細を計画する場合 プラグインの追加または更新 プラグインの追加または更新の実装詳細について イオニック エンタープライズ プラグインの代替 イオニック エンタープライズ プラグインの代替の製品ワークフローについて