Getting Started

이 플러그인의 설치 단계와 전체 마크다운 가이드를 포함한 설치 프롬프트를 복사합니다.

        Set up this Capacitor plugin in the project.

Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-auto`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/auto/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.

설치

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을 선호한다면, 다음 명령어를 실행하여 플랫폼에 따라 아래의 지침을 따르세요:

패키지 설치
터미널 창
```
npm i @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);
});

빈 상태

설정 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 설정 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 Ionic Enterprise 플러그인 대체