本文將以 [MQTTLens](https://chrome.google.com/webstore/detail/mqttlens/hemojaaeigabkbcookmlgmdigohjobjm/related?hl=zh_cn) 作為 [MQTT 客戶端](https://www.emqx.com/zh/blog/introduction-to-the-commonly-used-mqtt-client-library)測試工具，接入 [MQTT 雲服務 - EMQ X Cloud](https://www.emqx.com/zh/cloud)。透過本文，你將能快速瞭解 MQTTLens 的基礎用法以及 MQTT 協議的基本概念與使用。

## MQTTLens 簡介

[MQTTLens](https://chrome.google.com/webstore/detail/mqttlens/hemojaaeigabkbcookmlgmdigohjobjm/related?hl=zh_cn) 是有一個 Chrome 擴充工具，可以透過 Chrome 網上應用商店安裝。MQTTLens 介面非常簡潔，提供基礎的釋出訂閱功能。

MQTTLens 足夠簡單，藉助 Chrome 有很強大的跨平臺特性提供了基礎的 [MQTT](https://www.emqx.com/zh/mqtt) 和 MQTT over WebSocket 連線功能，可以快速滿足入門探索使用。

MQTTLens 完整的支援了以下功能：

- 能同時與多個 MQTT 伺服器建立連線，並採用不同顏色區別
- 訂閱、釋出和查訊息的介面非常簡單且易於掌握
- 支援 MQTT 和 MQTT over WebSocket

## EMQ X Cloud 簡介

[EMQ X Cloud](https://www.emqx.com/zh/cloud) 是由 [EMQ](https://www.emqx.com/zh) 公司推出的可連線海量物聯網裝置，整合各類資料庫及業務系統的全託管雲原生 MQTT 服務。作為**全球首個全託管的** [**MQTT 5.0**](https://www.emqx.com/zh/mqtt/mqtt5) **公有云服務**，EMQ X Cloud 提供了一站式運維代管、獨有隔離環境的 MQTT 訊息服務。

在萬物互聯的時代，EMQ X Cloud 可以幫助使用者快速構建面向物聯網領域的行業應用，輕鬆實現物聯網資料的採集、傳輸、計算和持久化。

本文將使用 EMQ X Cloud 提供的 [免費公共 MQTT 伺服器](https://www.emqx.com/zh/mqtt/public-mqtt5-broker) 作為本次測試的 MQTT 伺服器地址，伺服器接入資訊如下：

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

更多詳情請訪問 [EMQ X Cloud 官網](https://www.emqx.com/zh/cloud)，或檢視 [EMQ X Cloud 文件](https://docs.emqx.cn/cloud/latest/)。

## MQTTLens 使用

### MQTT 連線

#### 初始化頁面

我們進入到 Chrome 網上應用商店，點選安裝後即可在 Chrome 中開啟該應用。

進入到應用的主介面後，我們點選右邊的 `Connections` 按鈕可建立一個新的連線客戶端。

![MQTTLens 介面](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b19d9feca6b0417da179fec33ef4e203~tplv-k3u1fbpfcp-zoom-1.image)

#### 建立連線

點選建立按鈕後，此時會出現一個 MQTT 相關配置填寫的彈出框，填寫 `Connection name`，`Hostname`、`Port`，選擇連線協議等 MQTT 相關必要配置資訊後，點選底部的 `CREATE CONNECTION` 按鈕即可立即建立一個連線客戶端。

MQTTLens 還支援對遺囑訊息的配置，在建立彈出框底部，點選 `Last-Will` 即可配置相關配置。

> 注意：如果 MQTT Broker 已開啟使用者名稱/密碼認證的話，還需要在配置頁面內輸入 Username / Password

![建立連線](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/329454d31bba43ef8d06fa7d924a1a55~tplv-k3u1fbpfcp-zoom-1.image)

建立成功後，應用會進入到連線客戶端的操作頁面，如果右邊的連線列表中的按鈕變為綠色，即表示該 MQTT 客戶端已經成功建立並連線成功。再次點選綠色按鈕變為紅色後，即可斷開連線。點選右邊的設定按鈕可重新編輯客戶端配置，點選刪除按鈕後可快速刪除該連線。

### 訂閱主題

完成連線的建立之後，即可開始訂閱訊息。因為 MQTT 協議採用的是釋出/訂閱的模型，所以我們需要在連線之後訂閱主題，訂閱成功後即可收到該主題的訊息。

在 MQTTLens 的客戶端的操作頁面中，右邊檢視內分別有三個模組，分別是 `Subscrible`、`Publish` 和 `Subscriptions`。`Subscrible` 配置訂閱主題，`Publish` 可以配置傳送相關的資料和配置資訊，當接收到訊息時會在 `Subscriptions` 下面顯示訊息列表。

我們先在頂部的的 `Subscrible` 內輸入 Topic：`testtopic/mqttlens`，選擇 QoS 等級後，點選 `Subscribe` 按鈕即可訂閱相關 Topic。

### MQTT 訊息釋出

在 `Publish` 模組內輸入要釋出的 Topic，這裡輸入剛才訂閱過的 `testtopic/mqttlens`，選擇 QoS 級別，如果是 Retain 訊息，需要勾選 Retained 選項。我們 Payload 的框內輸入一段字元資訊後，點選 Publish 按鈕。

![MQTTLens 釋出訊息](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6faf5b5050294f4e860099eb9772e051~tplv-k3u1fbpfcp-zoom-1.image)

此時我們可以看到底部的 `Subscriptions` 框內，出現了剛才釋出的訊息。至此，我們已經建立了一個 MQTT 客戶端併成功測試了連線、釋出、訂閱等功能。

>版權宣告： 本文為  [EMQ]( https://www.emqx.io/cn/) 原創，轉載請註明出處。
>
>原文連結：[https://www.emqx.com/zh/blog/connecting-to-emqx-cloud-with-mqttlens](https://www.emqx.com/zh/blog/connecting-to-emqx-cloud-with-mqttlens)

使用 MQTTLens 接入 EMQ X Cloud

相關文章