Per iniziare
Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-mqtt`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/mqtt/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Puoi usare il nostro setup assistito dall'IA per installare il plugin. Aggiungi le skill Capgo al tuo strumento di IA usando il seguente comando:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsPoi usa il seguente prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-mqtt` plugin in my project.Se preferisci la configurazione manuale, installa il plugin eseguendo questi comandi e segui le istruzioni specifiche per piattaforma qui sotto:
npm install @capgo/capacitor-mqttnpx cap syncImporta
Sezione intitolata “Import”import { MqttBridge } from '@capgo/capacitor-mqtt';Avvio rapido
Sezione intitolata “Quick start”Connettiti via TLS, abilita il riconnetti automatico e iscriviti al topic di telemetria pubblicato dal tuo backend.
import { MqttBridge } from '@capgo/capacitor-mqtt';
await MqttBridge.connect({ serverURI: 'ssl://broker.example.com', port: 8883, clientId: 'cap-app-1', username: 'device-user', password: 'device-secret', setCleanSession: true, connectionTimeout: 30, keepAliveInterval: 60, setAutomaticReconnect: true,});await MqttBridge.subscribe({ topic: 'devices/telemetry', qos: 1 });Errori comuni
Sezione intitolata “Errori comuni”- TLS: corrisponde a
serverURIlo scheme richiesto dal broker. - Background: riconnessione dopo la sospensione della WebView su Android.
- QoS: un QoS più elevato consuma più batteria su connessioni cellulari.
Panoramica API
Sezione intitolata “Panoramica API”connect
Sezione intitolata “connect”Consulta le definizioni sorgente per il contratto corrente.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.connect({ serverURI: 'https://example.com', port: 8080, clientId: 'client-id-123', username: 'username', password: 'password', setCleanSession: true, connectionTimeout: 1000, keepAliveInterval: 1000, setAutomaticReconnect: true,});console.log(result);disconnect
Sezione intitolata “disconnect”Consulta le definizioni sorgente per il contratto corrente.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.disconnect();console.log(result);subscribe
Sezione intitolata “subscribe”Consulta le definizioni sorgente per il contratto corrente.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.subscribe({ topic: 'topic', qos: 1,});console.log(result);publish
Sezione intitolata “publish”Consulta le definizioni sorgente per il contratto corrente.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.publish({ topic: 'topic', payload: 'payload', qos: 1, retained: true,});console.log(result);Riferimento ai tipi
Sezione: “Type Reference”onConnectionLostListener
Sezione intitolata “onConnectionLostListener”export type onConnectionLostListener = (x: { connectionStatus: string; reasonCode: number; message: string }) => void;onConnectCompleteListener
Sezione intitolata “onConnectCompleteListener”export type onConnectCompleteListener = (x: { reconnected: boolean; serverURI: string }) => void;onMessageArrivedListener
Sezione intitolata “onMessageArrivedListener”export type onMessageArrivedListener = (x: { topic: string; message: string }) => void;Fonte di verità
Sezione intitolata “Fonte di verità”Questa pagina è generata dal src/definitions.ts. Riesegui la sync quando il API pubblico cambia upstream.
Continua da Getting Started
Sezione intitolata “Continua da Getting Started”Se stai usando Per iniziare per pianificare le operazioni della dashboard e di API, collegalo a Utilizzo di @capgo/capacitor-mqtt per la funzionalità nativa in Utilizzo di @capgo/capacitor-mqtt, Panoramica API per i dettagli di implementazione in Panoramica di API, Introduzione per i dettagli di implementazione in Introduzione, Chiavi API per i dettagli di implementazione in Chiavi API, e Dispositivi per i dettagli di implementazione in Dispositivi.