Node-RED: Verbindung zu MQTT über WebSockets

Diese Dokumentation ist Teil des MQTT-Server-Leitfadens. Den vollständigen Leitfaden finden Sie hier: Wie Sie Node-RED mit dem Mosquitto MQTT-Server verbinden.

👋 Willkommen bei der Stackhero-Dokumentation!

Stackhero bietet eine einsatzbereite Node-RED Cloud Lösung, die zahlreiche Vorteile bietet, darunter:

• MQTT-Server inklusive (Mosquitto).
• Voller Zugriff auf die Node-RED Admin-UI.
• Dashboard von Node-RED inklusive.
• Unbegrenzter und dedizierter SMTP-E-Mail-Server inklusive.
• Mühelose Updates mit nur einem Klick.
• Anpassbarer Domainname gesichert mit HTTPS (zum Beispiel, https://node-red.ihre-firma.com).
• Optimale Performance und robuste Sicherheit durch eine private und dedizierte VM.

Sparen Sie Zeit und vereinfachen Sie Ihr Leben: Es dauert nur 5 Minuten, um die Node-RED Cloud Hosting Lösung von Stackhero auszuprobieren!

Sie haben die Möglichkeit, sich entweder über das MQTT-Protokoll oder über WebSockets mit dem Mosquitto MQTT-Server zu verbinden.

Das MQTT-Protokoll ist sehr ressourcenschonend und eignet sich hervorragend für IoT-Geräte, wird jedoch von Webbrowsern nicht nativ unterstützt. Wenn Sie von einem Browser aus mit Ihrem MQTT-Server interagieren möchten, empfiehlt sich die Nutzung von WebSockets. Damit wird der MQTT-Datenverkehr im WebSocket-Protokoll gekapselt, was nahtlos mit den Stackhero-Services funktioniert.

Um die WebSocket-Konnektivität zu aktivieren, schalten Sie einfach die Option "WebSocket Support" in Ihrem Stackhero-Dashboard ein. Nach der Aktivierung können Sie Ihren Client so konfigurieren, dass er die WebSocket-URL verwendet: wss://<XXXXXX>.stackhero-network.com:443/mqtt. Ersetzen Sie für browserbasierte Verbindungen die Standard-URL mqtts://<XXXXXX>.stackhero-network.com durch diese WebSocket-URL.

Auswahl einer MQTT-Bibliothek

Für die Entwicklung empfiehlt sich insbesondere die Bibliothek "MQTT.js". Sie ist eine leistungsfähige JavaScript-Bibliothek, die sowohl mit Node.js als auch in Browser-Umgebungen kompatibel ist. Weitere Informationen finden Sie im offiziellen Repository.

Beispiel: Browser-zu-MQTT-Verbindung über WebSockets

Ein praktisches Beispiel, wie Sie von Ihrem Browser aus per WebSockets eine Verbindung zum MQTT-Server herstellen, finden Sie in diesem Repository: https://github.com/stackhero-io/mqttWebSocketGettingStarted. Sie können die Datei src/index.html mit der url, dem username und dem password Ihres Servers an Ihre Umgebung anpassen.

MQTT WebSocket Beispiel

Bevor Sie diese Konfiguration testen, stellen Sie bitte sicher, dass der WebSocket-Support in Ihrem Stackhero-Dashboard aktiviert ist. So ist ein reibungsloser Ablauf für browserbasierte Verbindungen gewährleistet.