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 avez deux principales options pour vous connecter à Mosquitto : le protocole MQTT natif ou les WebSockets.

Le protocole MQTT est largement reconnu pour sa conception légère, ce qui le rend particulièrement adapté aux appareils IoT et aux environnements à ressources limitées. Cependant, la plupart des navigateurs web ne prennent pas en charge les connexions MQTT directes. C’est là que les WebSockets entrent en jeu, puisqu’ils permettent d’exécuter MQTT via une connexion WebSocket, rendant ainsi possible l’interaction avec des serveurs MQTT à partir de 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 pointer votre client vers l’URL WebSocket : wss://<XXXXXX>.stackhero-network.com:443. Cette URL remplace l’URL MQTT sécurisée standard, qui ressemble à : mqtts://<XXXXXX>.stackhero-network.com.

Choisir une bibliothèque MQTT

Si votre application est écrite en JavaScript, vous pouvez explorer la bibliothèque MQTT.js. Il s’agit d’un choix 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 en utilisant les WebSockets

Vous pouvez consulter une démonstration pratique pour connecter une application web à un serveur MQTT via WebSockets dans ce dépôt d’exemple : https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Lorsque vous essayez cet exemple, n’oubliez pas de mettre à jour le fichier src/index.html avec l’url, le username et le password de votre propre serveur.

Exemple MQTT WebSocket

N’oubliez pas d’activer le support WebSocket dans le tableau de bord Stackhero avant de continuer.