Page/area: Site de marketing Capgo. Role: Phrase de copie de site web. Voir dans : composant Hero.astro. Message clé `hero_subtitle_v2` (Sous-titre Hero V2).

Copiez une commande de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.

        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.

Installation

Vous pouvez utiliser notre configuration assistée par l'IA pour installer le plugin. Ajoutez les Capgo compétences à votre outil AI à l'aide de la commande suivante :

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

Utilisez ensuite la prompt suivante :

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

Si vous préférez la configuration manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous.

Installer le package
Fenêtre de terminal
```
npm i @capgo/capacitor-auto
```
Synchroniser les projets natifs
Fenêtre de terminal
```
npx cap sync
```

Configurez le modèle de voiture racine

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' },
        },
      ],
    },
  ],
});

Gérer les actions de la voiture

await Auto.addListener('carAction', async (event) => {
  if (event.id === 'open-main-door') {
    await openGarageDoor(event.payload?.doorId);
  }
});

Suivre l'état de connexion

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);
});

État vide

Set emptyText Lorsque le modèle n'a pas de lignes :

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

Envoyer des messages de pont

Utiliser sendMessage pour les messages de pont définis par l'application :

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

Configuration de la plateforme

Suivre les Configuration iOS page pour la scène CarPlay et les notes d'autorisation.
Suivez les Paramètres Android page pour les notes de catégorie et de manifeste Android Auto.

Continuez de la section "Démarrage rapide"

Si vous utilisez Getting Started pour planifier le travail de plugin natif, connectez-l’à Utilisez @capgo/capacitor-auto pour la capacité native dans Utilisez @capgo/capacitor-auto, Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins, et Alternatives de Plugins Ionic Entreprise pour le flux de travail du produit dans Alternatives de Plugins Ionic Entreprise.