Mosquitto: WebSockets

Comment se connecter à MQTT en utilisant WebSockets

👋 Bienvenue sur la documentation de Stackhero !

Stackhero propose une solution Mosquitto MQTT cloud prête à l'emploi qui offre de nombreux avantages, notamment :

• Echanges et transferts de messages illimités.
• Authentification de périphériques illimités via une API externe.
• ACLs avancées sur les topics, les utilisateurs et les actions.
• Nom de domaine personnalisable sécurisé en HTTPS (par exemple, https://mqtt.votre-entreprise.com).
• Mises à jour simplifiées en un clic.
• Performance optimale et sécurité renforcée grâce à une VM privée et dédiée.

Gagnez du temps et simplifiez-vous la vie : il suffit de 5 minutes pour essayer la solution Mosquitto MQTT cloud hosting de Stackhero !

Vous disposez de deux principales options pour vous connecter à Mosquitto : le protocole MQTT natif ou les WebSockets.

Le protocole MQTT est largement reconnu pour sa légèreté, ce qui le rend particulièrement adapté aux objets connectés (IoT) et aux environnements avec des ressources limitées. Cependant, la plupart des navigateurs web ne prennent pas en charge les connexions MQTT directes. C'est là que les WebSockets interviennent, car ils permettent d'utiliser MQTT via une connexion WebSocket, rendant ainsi possible l'interaction avec des serveurs MQTT depuis vos applications web.

Pour commencer avec les WebSockets, il suffit d'activer l'option "WebSocket support" dans votre tableau de bord Stackhero. Une fois cette fonctionnalité activée, il vous suffit de configurer votre client sur l'URL WebSocket : wss://<XXXXXX>.stackhero-network.com:443. Cette URL remplace l'URL MQTT sécurisée classique, qui est de la forme : mqtts://<XXXXXX>.stackhero-network.com.

Choisir une bibliothèque MQTT

Si votre application est développée en JavaScript, vous pouvez utiliser la bibliothèque MQTT.js. C'est une solution flexible qui fonctionne aussi bien dans des environnements Node.js que directement dans le navigateur. La documentation et le code source de la bibliothèque sont disponibles ici : https://github.com/mqttjs/MQTT.js.

Exemple : Se connecter à MQTT via WebSockets

Vous trouverez une démonstration pratique de la connexion d'une application web à un serveur MQTT via WebSockets dans ce dépôt d'exemple : https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Lorsque vous testez cet exemple, pensez à mettre à jour le fichier src/index.html avec l'url, le username et le password de votre propre serveur.

Exemple MQTT WebSocket

Pensez à activer le support WebSocket dans le tableau de bord Stackhero avant de continuer.