ガイド
Auto を使用する方法については、Capacitor を参照してください
Using @capgo/capacitor-auto
@capgo/capacitor-auto Capacitorアプリを承認済みのCarPlayおよびAndroid Autoテンプレート表面に接続します。アプリは車用ディスプレイに小さなリストテンプレートを送信し、車用ディスプレイはJavaScriptに選択されたアクションを送信します。
ドライバー安全でポリシー制御されたワークフロー向けに設計されています。ウェブビューを車用ディスプレイに反映することはありません。
インストールと同期
npm install @capgo/capacitor-auto
npx cap sync
車用ディスプレイにテンプレートを送信
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' },
},
],
},
],
});
ドライバーのアクションを待つ
await Auto.addListener('carAction', async (event) => {
if (event.id === 'open-main-door') {
await openGarageDoor(event.payload?.doorId);
}
});
接続状態を監視
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);
});
iOS要件
CarPlayでは、Appleが承認したアプリケーションカテゴリのエンタイトルメントが必要です。Appleが承認したテンプレート内に車用UIを保持するために、CarPlayシーン構成を追加し、iOSセットアップドキュメントに記載されているものに従ってください。 Android要件 __CAPGO_KEEP_0__
__CAPGO_KEEP_1__
Android AutoはAndroidX Car App Libraryを使用します。このプラグインには CarAppService、Android Autoの template 機能を宣言し、デフォルトでは IOT カテゴリを使用します。アプリが別のAndroid Autoカテゴリが必要な場合、 の設定ドキュメントを確認してください。 デザインガイドライン
車載用の表面を短い予測可能なアクションに使用します:
ステータス行
- 一タップコマンド
- ドライバーの安全な確認
- 携帯電話アプリから簡単に状態を引き継ぐ
- スマートフォンアプリからシンプルな状態の引き継ぎ
複雑なフローは電話UIに残し、 carAction イベントをネイティブの意図トリガーとして使用します。
Keep going from @capgo/capacitor-auto
Capacitor Autoを使用している場合 Using @capgo/capacitor-auto ネイティブのメディアとインターフェイスの動作を計画するには、 @capgo/capacitor-auto @capgo/capacitor-オート Capacitor-Autoの導入 Getting Startedの実装詳細 @capgo/capacitor-ライブ活動 Capacitor-nativeの機能のために@capgo/capacitor-ライブアクティビティを使用します。 @capgo/capacitor-ライブアクティビティ @capgo/capacitor-live-activitiesの実装詳細について Capacitorで@capgo/capacitor-video-playerを使用 Capacitorで@capgo/capacitor-video-playerのネイティブ機能を使用