【 IoT 】透過 MQTTlens 進行 Mosquitto 串接測試

內容

• 學習目標
• 前置準備作業
• 在 Chrome 安裝 MQTTlens
• 透過 MQTTlens 進行 Mosquitto 串接測試

學習目標

• 如何透過 MQTTlens 串接 Mosquitto

前置準備作業

• 已安裝 Mosquitto
  • 教學文件 https://learningsky.io/azure-ubuntu-vm-install-mosquitto-mqtt-broker/
• 已安裝 Google Chrome 網路瀏覽器
  • 下載網址 https://www.google.com/intl/zh-TW/chrome/

在 Chrome 安裝 MQTTlens

Step 1. 透過 Chrome 開啟 MQTTlens 下載網址

• 下載網址

  • https://chrome.google.com/webstore/detail/mqttlens/hemojaaeigabkbcookmlgmdigohjobjm?utm_source=chrome-ntp-launcher

• 點選右側的 Add to Chrome 進行安裝

  

• 點選 新增應用程式

  

• 開啟 MQTTlens

  • 點選 MQTTlens 的圖示以開啟 App

  

透過 MQTTlens 進行 Mosquitto 串接測試

Step 1. 開啟 MQTTlens 設定頁面

• 點選【 Connections 】旁的【 + 】

  

Step 2. 填寫相關資訊

• 於 Connection name 欄位，請填寫一個可識別的名稱

• 於 Hostname 欄位填寫 Mosquitto 所在的 IP，在此請填入 Azure VM 的 IP

• 當以上資訊填寫完成後點選 CREATE CONNECTION 按鈕

  

Step 3. 確認燈號

• 當連接 Mosquitto MQTT Broker 成功會顯示綠色燈號

  

Step 4. 建立 Subscriber

• Topic 請自行輸入

  • e.g., 本範例中使用 Sensor/Temperature/Room1

  

• 點選右邊的 SUBSCRIBER 按鈕

  

Step 5. 建立 Publisher

• Topic 請輸入與步驟 4 相同的 Topic，另外 Message 請自行輸入

  • e.g., 本範例中使用
    • Topic: Sensor/Temperature/Room1
    • Message: hello world

  

• 點選右邊的 PUBLISH 按鈕

  

• 所訂閱的 Topic 之訊息會出現於下方

  

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://oranwind.org/author/archer/
• https://learningsky.io/author/archer/