使用 MQTT Explorer 接入 EMQ X Cloud

本文將以 MQTT Explorer 做爲 MQTT 客戶端測試工具,接入 MQTT 雲服務 - EMQ X Cloud。經過本文,你將能快速瞭解 MQTT Explorer 的基礎用法以及 MQTT 協議的基本概念與使用。git

MQTT Explorer 簡介

MQTT Explorer 是目前較爲活躍的 MQTT 客戶端桌面應用,一直受到開發者們的喜好。主要技術是 Electron,由 @thomasnordquist 開發而且開源,遵循 Creative Commons Public Licenses 協議,GitHub 地址爲 github.com/thomasnordq…github

其包含主要特性有:數據庫

  • 基本訂閱/推送/鏈接功能
  • 用戶認證功能
  • WebSocket 支持
  • 支持 diff 查看和多種類型的 Payload
  • 基本的歷史信息日誌
  • 支持 TLS 鏈接
  • 支持黑夜模式

尤爲是一些較好的特性有:服務器

  • 自動訂閱$SYS主題,方便查看 broker 狀態信息
  • 按照樹形結構組織訂閱列表,方便用戶查看其歸屬關係
  • 有消息可視化功能,直觀、可交互的統計圖表設計

MQTT Explorer 可以知足大部分開發的需求,可是也有一些缺點:markdown

  • 一次只能一個鏈接存在,不方便多鏈接調試
  • UI 設計上 Publish payload 和 Subscribe Message list 沒有分開,並不能很方便地查看收發信息的狀況
  • 沒有完整的操做日誌記錄,不方便開發者排查與服務器交互的信息

EMQ X Cloud 簡介

EMQ X Cloud 是由 EMQ 公司推出的可鏈接海量物聯網設備,集成各種數據庫及業務系統的全託管雲原生 MQTT 服務。做爲全球首個全託管的 MQTT 5.0 公有云服務,EMQ X Cloud 提供了一站式運維代管、獨有隔離環境的 MQTT 消息服務。運維

在萬物互聯的時代,EMQ X Cloud 能夠幫助用戶快速構建面向物聯網領域的行業應用,輕鬆實現物聯網數據的採集、傳輸、計算和持久化。electron

本文將使用 EMQ X Cloud 提供的 免費公共 MQTT 服務器 做爲本次測試的 MQTT 服務器地址,服務器接入信息以下:ide

  • Broker: broker-cn.emqx.io
  • TCP Port: 1883
  • SSL/TLS Port: 8883

更多詳情請訪問 EMQ X Cloud 官網,或查看 EMQ X Cloud 文檔工具

MQTT Explorer 使用

功能預覽

其主頁面以下圖所示,最上方爲主題搜索欄及鏈接配置。其下左側是主題的樹形結構,右側是含有 Publish 發佈欄、Subscribe 訂閱欄、Payload 欄、History 信息控制欄。oop

d9bd68b20a3b01843980d8c074a4ca87.png

MQTT 鏈接/訂閱

初始化頁面

第一次進入 MQTT Explorer 時會彈出配置頁面。

a66c05e560827978c1831596f3391495.png

建立鏈接

點擊 Connectons 建立新的鏈接,並填入 Host 爲 broker-cn.emqx.io, 端口爲 1883,協議爲 mqtt 協議。

94be5666e1715ce0c4ee99134607ba72.png

訂閱主題

以後點擊 Advanced。由於 EMQ X Cloud 默認禁止了 $SYS 主題和 # 主題,所以咱們將其刪去,輸入一個測試的訂閱主題,咱們命名爲 test/1,結果以下圖所示。

131357ea19381cf2e9096bdfec8dc656.png

鏈接

最後,點擊 Back 回到鏈接配置頁面,並點擊鏈接,便可完成 EMQ X Cloud 的鏈接以及主題 test/1 的訂閱。

鏈接成功後,將能夠看到訂閱的樹形結構有 test1 的節點,而且右側上方狀態欄顯示已經鏈接,右側含有主題 test/1 的標題。

eadc02d6bb78b25c95f691deb43e4c1c.png

MQTT 消息發佈

完成鏈接的創建以後,在頁面右下角主題框中輸入 /test/1,而且輸入一些文字,以後點擊 Publish 發送消息。

ff1b9faf9ec30e8510243710449eae38.png

接收訂閱消息

發佈成功後,右上方的 Value 卡片內將會接收到剛剛發佈的消息。

5f16e17d6deb55e016497abae5a33b3e.png

接收歷史記錄

在頁面右下角的 History 卡片內,你將能看到相關訂閱主題接收到的消息記錄。

f3f2581c6cba7f370ec7fd712bb51487.png

統計信息

頁面右下角 Stats 將會顯示統計信息。

30eed43a6c0bf4e2e3c3ce5df9bc01ae.png

版權聲明: 本文爲 EMQ 原創,轉載請註明出處。

原文連接:www.emqx.com/zh/blog/con…

相關文章
相關標籤/搜索