Mosquitto: WebSockets

如何使用WebSockets連接到MQTT

👋 歡迎來到 Stackhero 文件！

Stackhero 提供即用型 Mosquitto MQTT cloud 解決方案，帶來多項優勢，包括：

• 無限的消息交換和傳輸。
• 通過外部 API 進行 無限 的設備認證。
• 在主題、用戶和操作上提供 高級 ACLs。
• 使用 HTTPS 保護的 可自訂域名（例如，https://mqtt.your-company.com）。
• 只需點擊即可輕鬆 更新。
• 由 專用私有 VM 提供的最佳 性能 和強大 安全性。

節省時間 並 簡化您的生活：只需 5 分鐘 即可嘗試 Stackhero 的 Mosquitto MQTT cloud hosting 解決方案！

您可以使用MQTT協議或WebSockets連接到Mosquitto。

MQTT協議以其輕量級著稱，是物聯網設備的理想選擇。然而，直接的MQTT連接對於網頁應用程式來說並不可行，因為瀏覽器不原生支持MQTT。為了填補這個空白，您可以利用WebSocket支持，將MQTT封裝在WebSocket連接中。

要啟用WebSocket使用，您可以在Stackhero儀表板中啟用“WebSocket support”選項。啟用後，配置您的客戶端使用URL wss://XXXXX.stackhero-network.com:443作為伺服器地址進行連接。這將取代標準的MQTT連接URL mqtts://XXXXX.stackhero-network.com。

選擇MQTT庫

如果您正在開發基於JavaScript的應用程式，考慮使用MQTT.js庫。這個庫非常多功能，能夠在Node.js環境和直接在網頁瀏覽器中無縫運行。您可以在這裡找到其文檔和存儲庫：https://github.com/mqttjs/MQTT.js。

使用WebSockets連接到MQTT的示例

要實際演示如何使用WebSockets將網頁瀏覽器連接到MQTT伺服器，請查看此示例存儲庫：https://github.com/stackhero-io/mqttWebSocketGettingStarted。

使用此示例時，請更新src/index.html文件，填入您伺服器的特定url、username和password。

MQTT WebSocket示例

在繼續之前，請不要忘記在Stackhero儀表板中啟用WebSocket支持。