Inicio

Instalación

Puede utilizar nuestra configuración asistida por inteligencia artificial para instalar el complemento. Agregue las Capgo habilidades a su herramienta de inteligencia artificial utilizando el siguiente comando:

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

Luego utilice el siguiente prompt:

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

Si prefiere la configuración manual, instale el complemento ejecutando los siguientes comandos y siguiendo las instrucciones específicas del plataforma a continuación:

1. Instalar el paquete

   npm i @capgo/capacitor-auto

2. Sincronizar proyectos nativos

   npx cap sync

3. Establecer el template de carro raíz

   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. Gestionar acciones del carro

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

5. Seguir el estado de conexión

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

Las interfaces de usuario del carro están controladas por políticas

CarPlay y Android Auto no permiten reflejos de WebView arbitrarios. Mantenga las acciones del vehículo cortas, seguras para el conductor y alineadas con la categoría de la aplicación aprobada por Apple o Google.

Estado vacío

Cuando el modelo tenga filas cero: emptyText Copiar a portapapeles

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

Configuración del puente

para mensajes de puente definidos por la aplicación: sendMessage Copiar a portapapeles

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

Configuración de la plataforma

• Sigue los pasos para Configuración de iOS la página de notas de escenario de CarPlay y permisos.
• Sigue los pasos para Configuración de Android la página de notas de categoría de Android Auto y manifest.

Sigue adelante desde Inicio rápido

Si estás utilizando Inicio rápido para planificar el trabajo de plugin nativo, conecta con Usando @capgo/capacitor-auto para la capacidad nativa en Usando @capgo/capacitor-auto, Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins, y Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Alternativas de Plugins de Ionic Enterprise.