Node-RED: Verbinden met MQTT via WebSockets

Deze documentatie maakt deel uit van de MQTT-server-gids. Bekijk de volledige gids hier: Hoe u Node-RED verbindt met de Mosquitto MQTT-server.

Welkom bij de Stackhero-documentatie

Stackhero biedt een volledig beheerde Node-RED cloud omgeving waarmee u snel workflows kunt bouwen:

• Ingebouwde MQTT-server (Mosquitto) voor naadloze IoT-integratie.
• Volledige toegang tot de Node-RED admin UI voor het beheren van flows en instellingen.
• Node-RED Dashboard inbegrepen voor realtime visualisatie.
• Dedicated SMTP-mailserver inbegrepen, zonder limieten op het verzenden.
• Eenvoudige one-click updates om uw instance up-to-date te houden.
• Aangepaste domeinnamen met automatische HTTPS: bijvoorbeeld https://node-red.uw-bedrijf.com.
• Hoge performance en sterke security dankzij een privé, dedicated infrastructuur.

U kunt binnen ongeveer 5 minuten een veilige, productieklare Node-RED cloud hosting instance draaien. Stackhero verzorgt de installatie, updates en infrastructuur, zodat u zich kunt richten op het bouwen van automatiseringen.

U heeft de flexibiliteit om verbinding te maken met de Mosquitto MQTT-server via het MQTT-protocol of via WebSockets.

Hoewel het MQTT-protocol lichtgewicht is en daardoor zeer geschikt voor IoT-apparaten, wordt het niet standaard ondersteund in webbrowsers. Wilt u vanuit een browser met uw MQTT-server communiceren, dan gebruikt u WebSockets. Hiermee wordt het MQTT-verkeer verpakt binnen het WebSocket-protocol en dit werkt naadloos met de diensten van Stackhero.

Om WebSocket-connectiviteit te activeren, schakelt u eenvoudig de optie "WebSocket Support" in op uw Stackhero-dashboard. Zodra dit is ingeschakeld, configureert u uw client om de volgende WebSocket-URL te gebruiken: wss://<XXXXXX>.stackhero-network.com:443/mqtt. Vervang de standaard mqtts://<XXXXXX>.stackhero-network.com door deze WebSocket-URL voor browsergebaseerde verbindingen.

Een MQTT-bibliotheek kiezen

Voor ontwikkeldoeleinden is de "MQTT.js"-bibliotheek bijzonder handig. Dit is een robuuste JavaScript-bibliotheek die compatibel is met zowel Node.js als browseromgevingen. Meer informatie vindt u in de officiële repository.

Voorbeeld van browser-naar-MQTT-verbinding via WebSockets

Wilt u een praktisch voorbeeld van hoe u vanuit uw browser via WebSockets verbinding maakt met de MQTT-server, bekijk dan deze repository: https://github.com/stackhero-io/mqttWebSocketGettingStarted. U kunt het bestand src/index.html aanpassen met de url, username en password van uw eigen server.

MQTT WebSocket-voorbeeld

Controleer voordat u deze setup probeert of WebSocket-ondersteuning is ingeschakeld in uw Stackhero-dashboard. Zo weet u zeker dat browsergebaseerde verbindingen probleemloos werken.