자동

Using @capgo/capacitor-auto

@capgo/capacitor-auto Capacitor 앱은 승인된 CarPlay 및 Android Auto 템플릿 표면과 연결됩니다. 앱은 차량 디스플레이에 작은 템플릿 목록을 전송하고, 차량 디스플레이는 선택된 액션을 JavaScript로 반환합니다.

운전자의 안전을 보장하고 정책을 통한 워크플로우를 위해 설계되었습니다. 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는 앱 카테고리에 대한 Apple-approved 특권이 필요합니다. CarPlay 시나리오 구성에 대한 설명은 iOS 설정 문서에서 찾을 수 있습니다. 차량 UI를 Apple-approved 템플릿 내에 유지하세요. CarPlay requires an Apple-approved entitlement for your app category. Add the CarPlay scene configuration described in the

Android 요구 사항

Android Auto는 AndroidX Car App Library를 사용합니다. 플러그인은 CarAppService, declares the template 능력, 기본값은 IOT 분류입니다. 앱이 다른 Android Auto 카테고리가 필요하면 Android 설정 문서를 설계 지침

차량 표면을 사용하여 짧고 예측 가능한 액션을 사용하십시오:

상태 행

• 한 번에 클릭하는 명령
• 운전자에게 안전한 확인
• driver-safe confirmations
• 휴대폰 앱에서 단순한 상태 전달

휴대폰 UI에서 복잡한 흐름을 유지하고 carAction 이벤트를 네이티브 인텐트 트리거로 사용하세요.

Using @capgo/capacitor-auto

Capacitor를 사용 중이라면 Using @capgo/capacitor-auto 네이티브 미디어 및 인터페이스 동작을 계획할 때 @capgo/capacitor-auto for the implementation detail in @capgo/capacitor-auto, Getting Started Getting Started Using @capgo/capacitor-live-activities native 기능을 사용하는 @capgo/capacitor-live-활동들에 대해 @capgo/capacitor-live-활동들 implementation 세부사항을 사용하는 @capgo/capacitor-live-활동들, 및 native 기능을 사용하는 @capgo/capacitor-video-플레이어 @capgo/capacitor-video-플레이어