Mosquitto: WebSockets

Hoe te verbinden met MQTT via WebSockets

👋 Welkom bij de Stackhero-documentatie!

Stackhero biedt een kant-en-klare Mosquitto MQTT cloud oplossing die tal van voordelen biedt, waaronder:

• Onbeperkte uitwisseling en overdracht van berichten.
• Onbeperkte apparaatverificatie via een externe API.
• Geavanceerde ACL's op onderwerpen, gebruikers en acties.
• Aanpasbare domeinnaam beveiligd met HTTPS (bijvoorbeeld, https://mqtt.uw-bedrijf.com).
• Moeiteloze updates met slechts één klik.
• Optimale prestaties en robuuste beveiliging aangedreven door een privé en toegewijde VM.

Bespaar tijd en vereenvoudig uw leven: het kost slechts 5 minuten om de Mosquitto MQTT cloud hosting oplossing van Stackhero te proberen!

U kunt verbinding maken met Mosquitto met behulp van het MQTT-protocol of WebSockets.

Het MQTT-protocol staat bekend om zijn lichte aard, waardoor het een uitstekende keuze is voor IoT-apparaten. Directe MQTT-verbindingen zijn echter niet haalbaar voor webapplicaties, omdat browsers MQTT niet native ondersteunen. Om deze kloof te overbruggen, kunt u WebSocket-ondersteuning gebruiken, die MQTT binnen een WebSocket-verbinding inkapselt.

Om het gebruik van WebSockets mogelijk te maken, kunt u de optie "WebSocket support" activeren in uw Stackhero-dashboard. Zodra deze is ingeschakeld, configureert u uw client om verbinding te maken met de URL wss://XXXXX.stackhero-network.com:443 als serveradres. Dit vervangt de standaard MQTT-verbinding URL mqtts://XXXXX.stackhero-network.com.

Een MQTT-bibliotheek kiezen

Als u een op JavaScript gebaseerde applicatie ontwikkelt, overweeg dan de MQTT.js bibliotheek te gebruiken. Deze bibliotheek is zeer veelzijdig en werkt naadloos in zowel Node.js omgevingen als direct in webbrowsers. U kunt de documentatie en de repository hier vinden: https://github.com/mqttjs/MQTT.js.

Voorbeeld van verbinding maken met MQTT via WebSockets

Voor een praktische demonstratie van hoe een webbrowser verbinding maakt met een MQTT-server via WebSockets, bekijk deze voorbeeldrepository: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Wanneer u dit voorbeeld gebruikt, werk het src/index.html bestand bij met de specifieke url, username en password van uw server.

MQTT WebSocket voorbeeld

waarschuwing Vergeet niet om WebSocket-ondersteuning in het Stackhero-dashboard te activeren voordat u verder gaat.