溫濕度偵測

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

接線與實作

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

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

Webduino Blockly 操作解析

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

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

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

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

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

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

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

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

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

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

範例解答：https://reurl.cc/9voLAX

相關參考

• 範例解答：https://reurl.cc/9voLAX
• 完整程式碼：http://bin.webduino.io/yetita/edit?html,js,output