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 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 pouvez vous connecter à Mosquitto en utilisant soit le protocole MQTT, soit les WebSockets.

Le protocole MQTT est réputé pour sa légèreté, ce qui en fait un excellent choix pour les appareils IoT. Cependant, les connexions MQTT directes ne sont pas réalisables pour les applications web, car les navigateurs ne prennent pas en charge MQTT nativement. Pour combler cet écart, vous pouvez utiliser le support WebSocket, qui encapsule MQTT dans une connexion WebSocket.

Pour activer l'utilisation des WebSockets, vous pouvez activer l'option "WebSocket support" dans votre tableau de bord Stackhero. Une fois activée, configurez votre client pour se connecter en utilisant l'URL wss://XXXXX.stackhero-network.com:443 comme adresse du serveur. Cela remplace l'URL de connexion MQTT standard mqtts://XXXXX.stackhero-network.com.

Choisir une bibliothèque MQTT

Si vous développez une application basée sur JavaScript, envisagez d'utiliser la bibliothèque MQTT.js. Cette bibliothèque est très polyvalente et fonctionne parfaitement dans les environnements Node.js et directement dans les navigateurs web. Vous pouvez trouver sa documentation et son dépôt ici : https://github.com/mqttjs/MQTT.js.

Exemple de connexion à MQTT en utilisant WebSockets

Pour une démonstration pratique de la connexion d'un navigateur web à un serveur MQTT en utilisant WebSockets, consultez cet exemple de dépôt : https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Lorsque vous utilisez cet exemple, mettez à jour le fichier src/index.html avec le url, username et password spécifiques à votre serveur.

Exemple MQTT WebSocket

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