Getting Started

Installazione

Puoi utilizzare la nostra configurazione assistita da AI per installare il plugin. Aggiungi le Capgo competenze al tuo strumento AI utilizzando il seguente comando:

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

Poi utilizza la seguente richiesta:

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

Se preferisci la configurazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche del tuo platform:

1. Installa il pacchetto

   npm i @capgo/capacitor-auto

2. Sincronizza i progetti nativi

   npx cap sync

3. Imposta il modello di carrozzabile radice

   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. Gestisci azioni del veicolo

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

5. Segui lo stato di connessione

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

Le interfacce utente dei veicoli sono controllate dalla politica

CarPlay e Android Auto non consentono la riflessione di WebView arbitraria. Mantieni le azioni del veicolo brevi, sicure per il conducente e allineate con la categoria dell'app approvata da Apple o Google.

Stato vuoto

Imposta emptyText quando il template non ha righe:

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

Invia messaggi di ponte

Utilizza sendMessage per messaggi di ponte definiti dall'applicazione nativa:

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

Configurazione della piattaforma

• Segui le istruzioni Impostazione iOS pagina per la scena CarPlay e note di autorizzazione.
• Segui le istruzioni Impostazione Android pagina per la categoria Android Auto e note del manifesto.

Continua da qui da Getting Started

Se stai utilizzando Getting Started per pianificare il lavoro di plugin nativo, connettilo con Usando @capgo/capacitor-auto per la capacità nativa in Usando @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, Aggiunta o Aggiornamento dei plugin per la dettagliata implementazione dell'Aggiunta o Aggiornamento dei plugin, e Alternative plugin Enterprise Ionic per il flusso di lavoro del prodotto nelle Alternative plugin Enterprise Ionic.