溫濕度偵測

溫濕度傳感器是接收外界環境變數最基本的傳感器,透過溫濕度傳感器,可以準確的偵測溫度與溼度的即時變化,若再搭配一些樣式表、圖表工具或後端資料庫,就可以整合成為非常有用的數據收集應用。

接線與實作

溫濕度傳感器有四支針腳,格子狀的一面面朝自己,左邊數來第一支針腳為 v ( 接 3.3V ),第二支為 data ( 接 5 ),第三支沒有作用,第四支為 GND。

溫濕度傳感器腳位介紹

因為溫濕度的針腳較細,如果使用杜邦線連接會鬆脫,可使用麵包板進行連接。

Webduino Smart 與溫濕度傳感器接線圖

Webduino Blockly 操作解析

在畫面中放入開發板積木,開發板下拉選單選擇「Smart」,連線方式選擇「Wi-Fi」,填入 Device ID,在開發板內放入溫濕度傳感器的積木,腳位設定 5。

取得 Device ID、使用 IP 來進行 WebSocket 操控,請參考:Webduino Smart ( 初始化設定 )

Webduino Smart 與溫濕度傳感器積木

放入使用溫濕度傳感器偵測的積木,設定為每 1000 毫秒 ( 0.5 秒 ) 偵測一次,並用網頁互動測試區的「顯示文字」顯示偵測到的數值,透過下拉選單可以選擇偵測溫度或是濕度,溫度單位為「攝氏幾度」,濕度則是「百分比」。

顯示溫濕度傳感器偵測數值

如果要同時顯示溫濕度,可以使用「建立字串」的積木來組合字串,一開始建立字串積木預設只有兩個缺口,透過點選藍色小齒輪,增加缺口的數量。

建立字串、文字積木在「基本功能 > 文字」目錄裡。

增加顯示字串

增加了缺口後,在缺口內填入對應的文字以及偵測到的溫濕度,如果需要換行,可輸入<br/>就可以換行。

溫濕度傳感器顯示設定

同時也可以指定顯示文字的大小、行高的設定。

如果要使用文字大小、行高的積木,必須先打開「網頁互動測試區」,下拉選單選擇「顯示文字」,相關功能就會出現在左側「顯示文字」的目錄內。

設定文字行高與大小

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,就可以開始偵測環境的溫濕度了。

如果偵測到的數值顯示 undefined,表示溫濕度接觸不良,通常稍微調整接觸的針腳即可解決。

範例解答:https://goo.gl/O3ueY3

相關參考

購買 Webduino 系列產品:https://webduino.io/buy.html

如需轉帳付款請來信詢問:webduino.io@gmail.com