Mosquitto: WebSockets

Jak połączyć się z MQTT za pomocą WebSockets

👋 Witamy w dokumentacji Stackhero!

Stackhero oferuje gotowe do użycia rozwiązanie Mosquitto MQTT cloud, które zapewnia wiele korzyści, w tym:

• Nieograniczoną wymianę i transfer wiadomości.
• Nieograniczoną autoryzację urządzeń za pomocą zewnętrznego API.
• Zaawansowane ACL na tematy, użytkowników i działania.
• Dostosowywalną nazwę domeny zabezpieczoną za pomocą HTTPS (na przykład, https://mqtt.twoja-firma.com).
• Łatwe aktualizacje za pomocą jednego kliknięcia.
• Optymalną wydajność i solidne bezpieczeństwo dzięki prywatnej i dedykowanej VM.

Oszczędzaj czas i upraszczaj swoje życie: wystarczy 5 minut, aby wypróbować rozwiązanie Mosquitto MQTT cloud hosting Stackhero!

Możesz połączyć się z Mosquitto, używając protokołu MQTT lub WebSockets.

Protokół MQTT jest znany ze swojej lekkości, co czyni go doskonałym wyborem dla urządzeń IoT. Jednak bezpośrednie połączenia MQTT nie są możliwe dla aplikacji webowych, ponieważ przeglądarki nie obsługują MQTT natywnie. Aby zniwelować tę lukę, można wykorzystać wsparcie WebSocket, które kapsułkuje MQTT w połączeniu WebSocket.

Aby włączyć użycie WebSocket, możesz aktywować opcję "WebSocket support" w swoim panelu Stackhero. Po włączeniu skonfiguruj klienta, aby łączył się, używając URL wss://XXXXX.stackhero-network.com:443 jako adresu serwera. To zastępuje standardowy URL połączenia MQTT mqtts://XXXXX.stackhero-network.com.

Wybór biblioteki MQTT

Jeśli rozwijasz aplikację opartą na JavaScript, rozważ użycie biblioteki MQTT.js. Ta biblioteka jest bardzo wszechstronna i działa bezproblemowo zarówno w środowiskach Node.js, jak i bezpośrednio w przeglądarkach internetowych. Dokumentację i repozytorium znajdziesz tutaj: https://github.com/mqttjs/MQTT.js.

Przykład połączenia z MQTT za pomocą WebSockets

Dla praktycznej demonstracji, jak połączyć przeglądarkę internetową z serwerem MQTT za pomocą WebSockets, sprawdź to przykładowe repozytorium: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Podczas korzystania z tego przykładu, zaktualizuj plik src/index.html o specyficzne dla twojego serwera url, username i password.

Przykład MQTT WebSocket

Nie zapomnij aktywować wsparcia WebSocket w panelu Stackhero przed kontynuowaniem.