【 IoT 】透過 Node-RED 串接 Mosquitto 以控制 MediaTek LinkIt™ 7697 LED

【 IoT 】透過 Node-RED 串接 Mosquitto 以控制 MediaTek LinkIt™ 7697 LED

內容

  • 學習目標
  • 前置準備作業
  • 建立 Node-RED 控制程式

學習目標

  • 如何透過 Node-RED 串接 Mosquitto 來控制 MediaTek LinkIt™ 7697

前置準備作業


建立 Node-RED 控制程式

Step 1. 透過瀏覽器開啟 Node-RED 編輯畫面

  • 請在瀏覽器輸入下方網址

    • AZURE-IP 請更改成 Node-RED 安裝的位置,在此請輸入 AZURE-IP
    http://AZURE-IP:1880 

    ---2020-05-25---10.58.40

Step 2. 建立開啟 LED 開關

  • 2.1 點選左方 共通 分類中的 inject 節點

    ---2020-05-25---11.13.15

  • 2.2 將 inject 節點拉到中間 Node-RED 編輯區域

    ---2020-05-25---11.15.28

  • 2.3 滑鼠左鍵快點兩下編輯區中的 時間戳記 節點

    ---2020-05-25---11.16.57

  • 2.4 將 內容 欄位的下拉選單改選為 文字列

    ---2020-05-25---11.19.46

  • 2.5 在 內容 欄位中輸入 1 後,再點選右上角 完成 按鈕

    • 1 代表打開 LED

    ---2020-05-25---11.20.43

  • 2.6 設定完成畫面

    ---2020-05-25---11.22.49


Step 3. 建立關閉 LED 開關

  • 3.1 點選左方 共通 分類中的 inject 節點

    ---2020-05-25---11.13.15

  • 3.2 將 inject 節點拉到中間 Node-RED 編輯區域

    ---2020-05-25---11.24.18

  • 3.3 滑鼠左鍵快點兩下編輯區中的 時間戳記 節點

    ---2020-05-25---11.24.51

  • 3.4 將 內容 欄位的下拉選單改選為 文字列

    ---2020-05-25---11.25.23

  • 3.5 在 內容 欄位中輸入 0 後,再點選右上角 完成 按鈕

    • 0 代表關閉 LED

    ---2020-05-25---11.26.52

  • 3.6 設定完成畫面

    ---2020-05-25---11.27.44


Step 4. 設定 MQTT 連結

  • 4.1 點選左方 網路 分類中的 mqtt out 節點

    ---2020-05-25---11.30.28

  • 4.2 將 mqtt out 節點拉到 Node-RED 編輯區域

    ---2020-05-25---11.31.17

  • 4.3 建立 mqtt 節點與 inject 節點間的關係

    ---2020-05-25---11.32.23

  • 4.4 滑鼠左鍵快點兩下編輯區中的 mqtt 節點

    ---2020-05-25---11.33.16

  • 4.5 點選 服務端 欄位右邊的鉛筆

    ---2020-05-25---11.33.16--

  • 4.6 輸入服務端資訊

    • 服務端 欄位輸入 Mosquitto 所在位置,在此請輸入 Azure IP
    • ② 當以上資訊輸入完成後點選右上角的 添加 按鈕

    ---2020-05-25---11.37.27

  • 4.7 輸入主題資訊

    • ① 在 主題 欄位輸入 linkit7697/led
    • ② 當以上資訊輸入完成後點選右上角的 完成 按鈕

    ---2020-05-25---11.40.19--


Step 5. 部署程式

  • 點選右上角的 部署 的按鈕

    ---2020-05-25---11.42.52

  • 部署成功後的畫面

    • mqtt 節點下方出現綠色燈號代表 MQTT 連結成功

    ---2020-05-25---11.43.50


GitHub
List of blogs