Mosquitto: WebSockets

Comment se connecter à MQTT en utilisant WebSockets

👋 Bienvenue sur la documentation de Stackhero !

Stackhero vous propose un environnement Mosquitto MQTT cloud entièrement managé, pensé pour la fiabilité et la flexibilité :

• Débit illimité pour les messages et transferts de données, afin que vos workflows ne rencontrent jamais de limites artificielles.
• Authentification illimitée de vos appareils via votre propre API externe, pour un onboarding et une gestion des accès simplifiés.
• ACLs avancées pour un contrôle précis des topics, des utilisateurs et des actions.
• Un nom de domaine personnalisé avec HTTPS intégré pour des endpoints sécurisés et à votre image (par exemple : https://mqtt.votre-entreprise.com).
• Mises à jour sans effort : appliquez les améliorations ou correctifs de sécurité en un clic.
• Performance constante et sécurité renforcée, chaque instance fonctionnant sur une infrastructure privée et dédiée.

Accélérez vos projets IoT et réduisez la charge opérationnelle. Vous pouvez disposer d'une instance Mosquitto MQTT cloud hosting sécurisée et prête pour la production en seulement quelques minutes.

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.