Mosquitto: WebSockets

Hoe u verbinding maakt met MQTT via WebSockets

👋 Welkom bij de Stackhero-documentatie!

Stackhero biedt u een volledig beheerde Mosquitto MQTT cloud-omgeving, ontworpen voor betrouwbaarheid en flexibiliteit:

• Onbeperkte berichtendoorvoer en datatransfers, zodat uw workflows nooit tegen kunstmatige limieten aanlopen.
• Onbeperkte apparaat-authenticatie via uw eigen externe API, waardoor onboarding en toegangsbeheer moeiteloos verlopen.
• Geavanceerde ACL's voor gedetailleerde controle over topics, gebruikers en acties.
• Een eigen domeinnaam met ingebouwde HTTPS voor veilige, herkenbare endpoints (bijvoorbeeld: https://mqtt.uw-bedrijf.com).
• Probleemloze updates: verbeteringen of beveiligingspatches toepassen met één klik.
• Consistente prestaties en sterke beveiliging, doordat elke instantie draait op een privé, dedicated infrastructuur.

Versnel uw IoT-projecten en verlaag de operationele last. U kunt binnen enkele minuten beschikken over een veilige, productieklare Mosquitto MQTT cloud hosting-instantie.

U heeft twee hoofdopties om verbinding te maken met Mosquitto: het native MQTT-protocol of WebSockets.

Het MQTT-protocol staat bekend om zijn lichte ontwerp, waardoor het bijzonder geschikt is voor IoT-apparaten en omgevingen met beperkte resources. De meeste webbrowsers ondersteunen echter geen directe MQTT-verbindingen. Hier bieden WebSockets uitkomst: hiermee kunt u MQTT via een WebSocket-verbinding gebruiken, zodat u vanuit browsergebaseerde applicaties met MQTT-servers kunt communiceren.

Om aan de slag te gaan met WebSockets, hoeft u alleen de optie "WebSocket support" te activeren in uw Stackhero-dashboard. Zodra deze functie is ingeschakeld, wijst u uw client naar de WebSocket-URL: wss://<XXXXXX>.stackhero-network.com:443. Dit vervangt de standaard beveiligde MQTT-URL, die er als volgt uitziet: mqtts://<XXXXXX>.stackhero-network.com.

Een MQTT-bibliotheek kiezen

Als uw applicatie in JavaScript is geschreven, kunt u de MQTT.js-bibliotheek overwegen. Dit is een flexibele keuze die zowel in Node.js-omgevingen als direct in de browser werkt. De documentatie en broncode van de bibliotheek vindt u hier: https://github.com/mqttjs/MQTT.js.

Voorbeeld: Verbinden met MQTT via WebSockets

Een praktisch voorbeeld van hoe u een webapplicatie verbindt met een MQTT-server via WebSockets vindt u in deze voorbeeldrepository: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Vergeet bij het uitproberen van dit voorbeeld niet het bestand src/index.html bij te werken met uw eigen server url, username en password.

MQTT WebSocket voorbeeld

Vergeet niet WebSocket support te activeren in het Stackhero-dashboard voordat u verdergaat.