Getting Started

1. 패키지를 설치하세요.

   npm i @capgo/capacitor-auto

2. Sync native projects

   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는 정책에 의해 제어됩니다.

카플레이 및 안드로이드 아우토에서는 임의의 웹뷰 미러링을 허용하지 않습니다. 카 액션은 안전하고 카 앱 카테고리에 의해 승인된 앱과 일치해야 합니다.

빈 상태

설정 emptyText 템플릿이 행이 없을 때:

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

브리지 메시지 전송

사용 sendMessage 사용자 정의 네이티브 브리지 메시지:

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

플랫폼 설정

• Follow the iOS 설정 페이지에서 CarPlay scene 및 권한 노트를 참조하십시오.
• Follow the Android 설정 페이지에서 Android Auto 카테고리 및 매니페스트 노트를 참조하십시오.

Getting Started에서 계속하기

Capgo를 사용하여 Getting Started native 플러그인 작업을 계획하고 있습니다. Capgo를 사용하여 Using @capgo/capacitor-auto 자연스러운 기능을 위해 @capgo/capacitor-auto를 사용하세요. Capgo 플러그인 디렉토리 Capgo 플러그인에 대한 __CAPGO_KEEP_1__의 제품 워크플로우 Capacitor 플러그인에 의해 Capgo Capacitor 플러그인에 의해 Capgo의 구현 세부 사항 플러그인을 추가하거나 업데이트 __CAPGO_KEEP_0__ 플러그인에 의해 __CAPGO_KEEP_1__의 구현 세부 사항 아이오닉 엔터프라이즈 플러그인 대안 아이오닉 엔터프라이즈 플러그인 대안의 제품 워크플로우