[ MQTT ] MQTTlens 串接 Mosquitto MQTT Broker

學習目標

• 透過 MQTTlens 串接 Mosquitto MQTT Broker

前置準備作業

1. 一台可上網的電腦
   ★ macOS 或 Windows 皆可

2. 已安裝 Google Chrome 網路瀏覽器 【 下載網址 】

3. Mosquitto MQTT Broker 【 安裝教學 】

Step 1. 在 Chrome 安裝 MQTTlens

下載網址

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

Step 2. 啟動 MQTTlens

2.1 點選左上角【 應用程式 】  

2.2  點選【 MQTTlens 】  

2.3  MQTTlens 開啟畫面  

Step 3. 設定 MQTTlens

3.1 點選【 Connections 】旁的【 + 】  

3.2 輸入【 Connection name 】、【 Hostname 】再點選 【 CREATE CONNECTION 】按鈕  
    ★ Hostname 請輸入之前所建立的 AWS EC2 之 IP

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

3.3 建立 Subscriber  
    Topic 請自行輸入
    e.g., 本範例中使用【 Sensor/Temperature/Room1 】

點選右邊的【 SUBSCRIBER 】按鈕

3.4 建立 Publisher  
    Topic 請輸入與步驟 3.5 相同的 Topic
    Message 請自行輸入
    e.g., 本範例中使用
          Topic: Sensor/Temperature/Room1
          Message: hello world

點選右邊的【 PUBLISHER 】按鈕後所訂閱的【 Topic 】之訊息會出現於下方

GitHub

• ArcherHuang - Data Visualization @ GitHub

List of blogs

• https://github.com/ArcherHuang/MyBlog
• https://learningsky.io/author/archer/