Mosquitto: WebSockets

Hoe u verbinding maakt 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 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.