@capgo/capacitor-auto를 사용하여
@capgo/capacitor-auto Capacitor 앱을 승인된 CarPlay 및 Android Auto 템플릿 표면과 연결합니다. 앱은 작은 템플릿 목록을 차량 디스플레이로 보내고, 차량 디스플레이는 선택된 액션을 JavaScript로 다시 보내줍니다.
__CAPGO_KEEP_0__은 운전자의 안전한 정책 제어 워크플로우를 위해 설계되었습니다. WebView를 차량 디스플레이에 반영하지 않습니다.
설치 및 동기화
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는 애플이 승인한 앱 카테고리에 대한 자격을 필요로 합니다. CarPlay 장면 구성에 대한 설명을 iOS 설정 문서에 추가하고, 앱 UI를 애플이 승인한 템플릿 안에 유지하세요. iOS 설정 문서 자동차 UI를 애플이 승인한 템플릿 안에 유지하세요.
Android 요구 사항
Android Auto는 AndroidX Car App Library를 사용합니다. 플러그인은 CarAppServicedeclare를 template 능력을 선언하고, 기본적으로 IOT 카테고리를 사용합니다. 앱이 다른 Android Auto 카테고리가 필요하다면 Android 설정 문서를 리뷰하세요. 설계 지침
자동차 표면에서 짧고 예측 가능한 액션을 사용하세요:
Android 설정 문서
- 상태 행
- 한 번에 명령
- 드라이버 안전한 확인
- 휴대폰 앱에서 단순한 상태 전달
휴대폰 UI에서 복잡한 흐름을 유지하고 carAction 이벤트를 네이티브 인텐트 트리거로 사용하십시오.
Using @capgo/capacitor-auto
이 기능을 사용하고 계신가요? Using @capgo/capacitor-auto 네이티브 미디어 및 인터페이스 동작을 계획하려면 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-auto @capgo/capacitor-auto와 연결하십시오. @capgo/capacitor-auto의 구현 세부 사항을 @capgo/capacitor-auto에서 확인하십시오. Getting Started Getting Started Using @capgo/capacitor-live-activities Using @capgo/capacitor-live-activities @capgo/capacitor-라이브-활동 Using @capgo/capacitor-live-activities Using @capgo/capacitor-video-player Using @capgo/capacitor-video-player