Prise en main
Copiez un prompt de configuration incluant les étapes d'installation et le guide markdown complet pour ce 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.
Installer
Section intitulée « Installation »Vous pouvez utiliser notre configuration assistée par IA pour installer le plugin. Ajoutez les skills Capgo à votre outil d'IA avec la commande suivante :
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsUtilisez ensuite le prompt suivant :
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-mqtt` plugin in my project.Si vous préférez une installation manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à chaque plateforme ci-dessous :
npm install @capgo/capacitor-mqttnpx cap syncImporter
Section intitulée « Import »import { MqttBridge } from '@capgo/capacitor-mqtt';Démarrage rapide
Section intitulée « Démarrage rapide »Connectez-vous via TLS, activez la reconnexion automatique, puis abonnez-vous au topic de télémétrie publié par votre 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 });Erreurs courantes
Section intitulée « Erreurs courantes »- TLS: correspond au
serverURIschéma requis par le broker. - Arrière-plan: reconnexion après la mise en veille de la WebView par Android.
- QoS: higher QoS costs battery on cellular links.
Aperçu de API
Section intitulée « Aperçu API »Consultez les définitions source pour le contrat actuel.
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
Section intitulée « disconnect »Consultez les définitions source pour le contrat actuel.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.disconnect();console.log(result);subscribe
Section intitulée « subscribe"Consultez les définitions source pour le contrat actuel.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.subscribe({ topic: 'topic', qos: 1,});console.log(result);Consultez les définitions source pour le contrat actuel.
import { MqttBridge } from '@capgo/capacitor-mqtt';
const result = await MqttBridge.publish({ topic: 'topic', payload: 'payload', qos: 1, retained: true,});console.log(result);Référence de type
Section intitulée « Référence de type »onConnectionLostListener
Section intitulée « onConnectionLostListener »export type onConnectionLostListener = (x: { connectionStatus: string; reasonCode: number; message: string }) => void;onConnectCompleteListener
Section intitulée « onConnectCompleteListener »export type onConnectCompleteListener = (x: { reconnected: boolean; serverURI: string }) => void;onMessageArrivedListener
Section intitulée « onMessageArrivedListener »export type onMessageArrivedListener = (x: { topic: string; message: string }) => void;Source de vérité
Section intitulée « Source de vérité »Cette page est générée à partir de src/definitions.ts. Relancez la synchronisation lorsque l’API public change en amont.
Continuer depuis Getting Started
Section intitulée « Continuer après Prise en main »Si vous utilisez Prise en main pour planifier les opérations du dashboard et de API, connectez-l’avec Utiliser @capgo/capacitor-mqtt pour la capacité native dans Utiliser @capgo/capacitor-mqtt, Aperçu de API pour les détails d'implémentation dans « Vue d'ensemble de API », Introduction pour les détails d'implémentation dans l'introduction, Clés API pour les détails d'implémentation dans « Clés API », et Appareils pour les détails d'implémentation dans Devices.