Iniziare

Installazione

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

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

Usa poi 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 l'installazione manuale, installa il plugin eseguendo i seguenti comandi e segui le istruzioni specifiche per la piattaforma riportate di seguito:

1. Installa il pacchetto

   npm i @capgo/capacitor-auto

2. Sincronizza progetti nativi

   npx cap sync

3. Imposta il modello di root car

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

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

5. Seguire 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);
   });

Il sistema di interfaccia utente del veicolo è controllato dalle politiche

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

Stato vuoto

Impostare emptyText quando il template non ha righe:

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

Inviare messaggi del ponte

Usa sendMessage per i messaggi del ponte definiti dall'applicazione:

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

Configurazione della piattaforma

• Segui le Configurazione per iOS la pagina per note sulla scena di CarPlay e sui diritti di entitlement.
• Segui le Configurazione per Android pagina per la categoria Android Auto e note sul manifesto.

Continua da Inizia.

Se stai utilizzando Inizia. per pianificare il lavoro di plugin nativo, connettilo con Utilizza @capgo/capacitor-auto per la capacità nativa in Utilizza @capgo/capacitor-auto, Capgo Directory dei plugin per il flusso di lavoro del prodotto in Capgo Directory dei plugin, Capacitor Plugin per Capgo per la dettaglio di implementazione in Capacitor Plugin per Capgo, Aggiungere o Aggiornare Plugin per i dettagli di implementazione in Aggiungere o Aggiornare Plugin, e Sostituti di Plugin Enterprise Ionic per il flusso di lavoro del prodotto in Sostituti di Plugin Enterprise Ionic.