02 IOT篇

一、MQTT練習

• • 匯入ONOFF練習.json

    • 程式說明

• 數位儀表板

• 使用MQTTBOX

  • MQTT Client 設定

• 訂閱一個node-RED這邊設定的主題

• 在數位儀表板，按下【開】或【關】時，MQTTBOX的訂閱就會收到訊息

• • 使用手機MQTT Dash

• 也可以把程式改成同時當發送端及訂閱端，呈現出來的結果與上面一樣

二、變數練習

• • 匯入flow與global變數.json

  • 變數有分

    • 【區域變數】：只有該節點內有效

    • 【flow變數】：只有該分頁(標籤頁)內有效

    • 【global變數】：在所有分頁(標籤頁)內都有效

• 每段程式說明如下：

  • 第1、2個：一般變數

• • 第3、4個：With Flow 變數

• • 第5個：Global 變數

• 把第5段程式複製，並新增為一新流程(分頁、標籤頁)

三、OpenWeatherMap天氣預報練習

• 匯入OpenWeatherMap to MQTT Dash.json

• 匯入時發生錯誤：無法識別的類型

• 安裝 OpenWeatherMap 節點

  • 先把剛剛所匯入的流程刪除掉再安裝

• 再重新匯入OpenWeatherMap to MQTT Dash.json

  • 老師提供的API Key : b23224461f434e77a622ed4f811014ef

  • 並點擊進入台北天氣

• 更改為高雄的方法

  • 進入OpenWeatherMap網站

  • 找到高雄市的【英文名稱】

• 執行程式

  • 並複製天氣資料(json格式)

• 利用jsonpath online evaluator 觀看json格式

  • 網址：http://jsonpath.com/

• 函數的內容

• 這些網址的圖形

  • https://i.imgur.com/A7UTx8W.jpg 多雲

  • https://i.imgur.com/SzrUzOh.jpg 晴時多雲

  • https://i.imgur.com/OTgUG1L.jpg 下雨

  • https://i.imgur.com/yF8sJss.jpg 下雪

  • https://i.imgur.com/Mx3jj3v.jpg 雷陣雨

  • https://i.imgur.com/ywEA15e.jpg 晴時多雨偶陣雨

  • https://i.imgur.com/BkO7CRV.jpg 晴時多雲

• 上面這些圖形是益師傅放在免費放圖網站

  • 免費上傳圖片： https://www.ifreesite.com/upload/

• 開啟手機的MQTT Dash

  • 顯示最高溫度、最低溫度及天氣型態

四、OpenWeatherMap天氣預報練習

• 匯入OpenWeatherMap to MQTT Dash.json