作品介紹

本專案為 即時溫濕度監測網站 ，由 Vite 建構，使用 React 搭配 Tailwind CSS 撰寫，亦提供 RWD, PWA 功能方便使用者操作。

設備端由 ESP8266 開發板串接 DHT 溫濕度感測器，使用類 C++ 語言撰寫程式，串接Line Notify功能，可發送警報至手機。

前端網頁亦有串接第三方API，提供氣象觀測資料，增加環境監測參考數據。與設備端兩者搭配 Ably 所提供之 MQTT 通訊方式開發而成，實現遠端 IoT 應用功能。

特色

• 目前具有實際使用者：臺大人工氣候室實驗室。
• 低成本，高效益。
  • 低於 $500的成本，避免造成數千元甚至萬元以上的經濟損失。
• 電腦或手機皆方便使用。
  • 具有響應式網頁設計(RWD)、漸進式網頁應用程式(PWA)功能，
• MQTT 通訊方式降低設備耗能及頻寬需求，數據不漏接。
• 網頁擴增與設備建置皆容易，有Wifi及電源供應即可。

詳細功能

網站：

• 即時溫度監測 (每20秒自動更新)。
• 即時濕度監測 (每20秒自動更新)。
• 溫濕度最後訊息保存 (可顯示斷線前最後發送資訊)。