Mosquitto: WebSockets

Comment se connecter à MQTT en utilisant les WebSockets

👋 Bienvenue sur la documentation de Stackhero !

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

• Échanges et transferts illimités de messages.
• Authentification illimitée des appareils via une API externe.
• ACLs avancées sur les topics, utilisateurs et actions.
• Nom de domaine personnalisable sécurisé avec HTTPS (par exemple, https://mqtt.votre-entreprise.com).
• Mises à jour simplifiées en un clic.
• Performance optimale et sécurité robuste 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 sont utiles, 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 "Support WebSocket" 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 pour connecter une application web à un serveur MQTT en utilisant 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.