ESP8266(ESP-01) Temperature and Humidity Web Server

https://randomnerdtutorials.com/esp8266-dht11dht22-temperature-and-humidity-web-server-with-arduino-ide/

간단한 hello Web Server 를 해봤으니

굴러다니는 온습도 센서도 연결해 보기로 했습니다

 

hello Web Server에 온습도를 추가하면 되겠지만

그래도 Web에 데이터를 어떻게 표출하는지 감이 안잡히니

디자인 괜찮아 보이는걸 찾아서 따라 해봤습니다

 

소스 업로드를 위해 ESP8266 보드를 추가해야 합니다

ESP8266: http://arduino.esp8266.com/stable/package_esp8266com_index.json

 

보드추가 참고: 031. Arduino 아두이노 - 보드 추가하기(Adding Arduino Boards)

031. Arduino 아두이노 - 보드 추가하기(Adding Arduino Boards)

보드는 Generic ESP8266 Module 으로 하면 됩니다

 

https://randomnerdtutorials.com/esp8266-dht11dht22-temperature-and-humidity-web-server-with-arduino-ide/

그림에 있는 센서는 DHT22 센서라서 저항이 필요한데

집에 굴러다니는 DHT11 센서모듈은 저항없이 연결하면 됩니다

어짜피 ESP-01에 남는 핀이 GPIO 2번핀 하나라

회로 구성해줄것도 별로 없습니다

 

그림에는 빠져있는데

시리얼 모니터를 사용하려면 TX-RX 핀도 PC에 연결되 있어야 합니다

그림에서는 바로 전원을 주는거라 필요없는 선은 제거 한듯 하네요

 

ESP8266(ESP-01) Temperature and Humidity Web Server

전체소스: https://raw.githubusercontent.com/RuiSantosdotme/Random-Nerd-Tutorials/master/Projects/ESP8266/ESP8266_WiFi_DHT_Web_Server.ino

 

소스 업로드 및 보드추가 참고: ESP8266(ESP-01) Hello Web Server Test

ESP8266(ESP-01) Hello Web Server Test

변경한 곳이 3군데로

공유기 SSID, Password

그리고 DHT22로 잡혀있는데 DHT11로 변경해줬습니다

 

라이브러리를 2개 추가해야 에러가 안나니

아래 두개를 아두이노 library에 추가 해 줍니다

https://github.com/me-no-dev/ESPAsyncTCP

https://github.com/me-no-dev/ESPAsyncWebServer

 

ESP8266(ESP-01) Temperature and Humidity Web Server

시리얼모니터로 IP확인을 못했는데

훅하고 지나갔네요

 

결국 공유기에서 확인..

 

ESP8266(ESP-01) Temperature and Humidity Web Server

무튼 디자인도 깔끔하고

괜찮네요

 

참고

https://raw.githubusercontent.com/RuiSantosdotme/Random-Nerd-Tutorials/master/Projects/ESP8266/ESP8266_WiFi_DHT_Web_Server.ino

https://randomnerdtutorials.com/esp8266-dht11dht22-temperature-and-humidity-web-server-with-arduino-ide/

https://github.com/me-no-dev/ESPAsyncTCP

https://github.com/me-no-dev/ESPAsyncWebServer