Getting Started

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

   npm i @capgo/capacitor-auto

2. ネイティブプロジェクトをSync

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

車両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 カテゴリとマニフェストのノートのページ。

始めてみるから続けてください

Capacitor を使用している場合 始めてみる ネイティブ プラグインの作業を計画する場合、Capacitor を接続してください ネイティブ カスタム エリアの作成に使用する @capgo/capacitor-auto ネイティブ カスタム エリアの作成に使用する @capgo/capacitor-auto の場合 Capgo プラグイン ディレクトリ Capgo プラグイン ディレクトリの製品 ワークフロー Capacitor プラグインは Capgo によって提供されます 実装詳細については Capacitor プラグインの Capgo を参照してください。 プラグインの追加または更新 実装詳細についてはプラグインの追加または更新、 Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替の製品ワークフローについて