Mosquitto: WebSockets

Wie Sie sich mit MQTT über WebSockets verbinden

👋 Willkommen in der Stackhero-Dokumentation!

Stackhero bietet eine einsatzbereite Mosquitto MQTT Cloud Lösung, die zahlreiche Vorteile bietet, darunter:

• Unbegrenzter Nachrichtenaustausch und -transfer.
• Unbegrenzte Geräteauthentifizierung über eine externe API.
• Erweiterte ACLs für Themen, Benutzer und Aktionen.
• Anpassbarer Domainname gesichert mit HTTPS (zum Beispiel, https://mqtt.ihre-firma.com).
• Mühelose Updates mit nur einem Klick.
• Optimale Leistung und robuste Sicherheit durch eine private und dedizierte VM.

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

Sie haben zwei Hauptoptionen, um sich mit Mosquitto zu verbinden: das native MQTT-Protokoll oder WebSockets.

Das MQTT-Protokoll ist für sein schlankes Design bekannt und eignet sich daher besonders für IoT-Geräte und ressourcenbeschränkte Umgebungen. Die meisten Webbrowser unterstützen jedoch keine direkten MQTT-Verbindungen. Hier kommen WebSockets ins Spiel: Sie ermöglichen es, MQTT über eine WebSocket-Verbindung zu nutzen und so von browserbasierten Anwendungen aus mit MQTT-Servern zu kommunizieren.

Um mit WebSockets zu starten, aktivieren Sie einfach die Option "WebSocket-Unterstützung" in Ihrem Stackhero-Dashboard. Sobald diese Funktion aktiviert ist, müssen Sie Ihren Client lediglich auf die WebSocket-URL ausrichten: wss://<XXXXXX>.stackhero-network.com:443. Diese ersetzt die Standard-MQTT-Secure-URL, die wie folgt aussieht: mqtts://<XXXXXX>.stackhero-network.com.

Auswahl einer MQTT-Bibliothek

Wenn Ihre Anwendung in JavaScript geschrieben ist, empfiehlt sich die Bibliothek MQTT.js. Sie ist flexibel einsetzbar und funktioniert sowohl in Node.js-Umgebungen als auch direkt im Browser. Die Dokumentation und der Quellcode der Bibliothek sind hier verfügbar: https://github.com/mqttjs/MQTT.js.

Beispiel: Verbindung zu MQTT über WebSockets

Ein praktisches Beispiel, wie Sie eine Webanwendung über WebSockets mit einem MQTT-Server verbinden, finden Sie in diesem Beispiel-Repository: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Wenn Sie dieses Beispiel ausprobieren, denken Sie daran, die Datei src/index.html mit Ihrer eigenen Server-url, Ihrem username und password zu aktualisieren.

MQTT WebSocket Beispiel

Denken Sie daran, die WebSocket-Unterstützung im Stackhero-Dashboard zu aktivieren, bevor Sie fortfahren.