Usando @capgo/capacitor-auto

@capgo/capacitor-auto conecta una aplicación Capacitor a superficies de plantilla de CarPlay y Android Auto aprobadas. Su aplicación envía una pequeña lista de plantilla a la pantalla del vehículo, y la pantalla del vehículo envía acciones seleccionadas de regreso a JavaScript.

Está diseñado para flujos de trabajo controlados por políticas y seguros para el conductor. No refleja su WebView en el vehículo.

Instale y sincronice

npm install @capgo/capacitor-auto
npx cap sync

Envíe un modelo al vehículo

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

Escuche las acciones del conductor

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

Observar el estado de la 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);
});

Requisitos de iOS

CarPlay requiere una autorización aprobada por Apple para tu categoría de aplicación. Agregue la configuración de la escena de CarPlay descrita en el documentación de configuración de iOS y mantenga su interfaz de usuario de coche dentro de plantillas aprobadas por Apple.

Requisitos de Android

Android Auto utiliza la biblioteca de aplicaciones de coche de AndroidX. El plugin incluye un CarAppService, declara la template capacidad, y por defecto se ajusta a el IOT category. Revisar el Configuración de Android si su aplicación necesita otra categoría de Android Auto.

Guía de diseño

Utilice la superficie del coche para acciones cortas y predecibles:

filas de estado
comandos de una sola pulsación
confirmaciones seguras para el conductor
transferencia de estado simple desde la aplicación del teléfono

Sigan adelante desde Usando @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-auto carAction Configuración de Android

Keep going from Using @capgo/capacitor-auto

If you are using Usando @capgo/capacitor-auto para planificar el comportamiento de medios y interfaz nativa, conecte con @capgo/capacitor-auto para los detalles de implementación en @capgo/capacitor-auto, Inicio para los detalles de implementación en Inicio, Usando @capgo/capacitor-live-activities para la capacidad nativa en Usando @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para los detalles de implementación en @capgo/capacitor-live-activities, y Usando @capgo/capacitor-video-player para la capacidad nativa en Usando @capgo/capacitor-reproductor de video.

Auto

Tutorial sobre Auto