시작하기

설치

AI-Assisted Setup을 사용하여 플러그인을 설치할 수 있습니다. AI 도구에 다음 명령어를 사용하여 Capgo 스킬을 추가하세요.

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

그런 다음 다음 명령어를 사용하세요:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-auto` plugin in my project.

만약 Manual Setup을 선호한다면, 다음 명령어를 실행하고 아래의 플랫폼별 지침을 따르세요:

1. 패키지 설치

   npm i @capgo/capacitor-auto

2. 자연어 프로젝트 동기화

   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 설정
• CarPlay 장면과 권한 노트에 대한 페이지를 참조하십시오. Follow the Android Auto 카테고리와 매니페스트 노트의 페이지입니다.

시작하기에서 계속

만약에 사용 중이라면 시작하기 Capgo를 사용하여 네이티브 플러그인 작업을 계획하고 있습니다. Capgo를 사용하여 네이티브 플러그인 작업을 계획하고 있습니다. Using @capgo/capacitor-auto for the native capability in Using @capgo/capacitor-auto, Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, 플러그인 추가 또는 업데이트 Adding or Updating Plugins 플러그인 추가 또는 업데이트 구현 세부 사항 for the implementation detail in Adding or Updating Plugins, and