Passer à la navigation

Installation

GitHub
  1. Installez le package

    Fenêtre de terminal
    npm i @capgo/capacitor-auto
  2. Synchroniser les projets natifs

    Fenêtre de terminal
    npx cap sync
  3. Définir le modèle racine de la voiture

    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. Gérer les actions de la voiture

    await Auto.addListener('carAction', async (event) => {
    if (event.id === 'open-main-door') {
    await openGarageDoor(event.payload?.doorId);
    }
    });
  5. 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);
    });

Définir emptyText lorsque le modèle n'a pas de lignes :

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

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

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

Si vous utilisez Installation initiale pour planifier le travail de plugin natif, connectez-le à En utilisant @capgo/capacitor-auto pour la capacité native dans En utilisant @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 les détails d'implémentation dans Capacitor Plugins par Capgo, Ajouter ou Mettre à Jour les Plugins pour les détails d'implémentation dans Ajouter ou Mettre à Jour les Plugins, et Alternatives de Plugins Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins Entreprise Ionic.