Louie NRT Story

[NodeMCU ESP 8266] DHT11 본문

에너지

[NodeMCU ESP 8266] DHT11

hyeok0724.kim@gmail.com 2019. 12. 16. 10:58
반응형

Writed 17 DEC 2019

Basic setting

https://louie0724.tistory.com/218

 

[NodeMCU ESP 8266] Board (SZH-WFBB-017)

Writed: 14 DEC 2019 1. Purchase NodeMCU V2 ESP-12F Wifi Board (SZH-WFBB-017) 2. Install Ardino IDE and Preference 1) Copy Link and paste on textbox URL Llink: http://arduino.esp8266.com/stable/pack..

louie0724.tistory.com

 

1. ESP8266 and DHT11 Schematic Diagram

1) Define the GPIO that the DHT data pin is connected to. In this case, it's connected to GPIO5(D1)

2. Install DHT11 library

3. Install the ESPAsyncWebServer library

1) Download ESPAsyncWebServer Library

(https://github.com/me-no-dev/ESPAsyncWebServer/archive/master.zip)

2) Unzip that file on Arduino Library Folder and rename folder ESPAsyncWebserver

4. Install the ESPAsyncTCP

1) Download ESPAsyncTCP Library(https://github.com/me-no-dev/ESPAsyncTCP/archive/master.zip)

2) Unzip that file on Arduino Library Folder and rename folder ESPAsyncTCP

5. Upload code to Board

1) Input infomation of wifi, Pin number and Sensor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
/*********
  Rui Santos
*********/
 
// Import required libraries
#include <Arduino.h>
#include <ESP8266WiFi.h>
#include <Hash.h>
#include <ESPAsyncTCP.h>
#include <ESPAsyncWebServer.h>
#include <Adafruit_Sensor.h>
#include <DHT.h>
 
// Replace with your network credentials
const char* ssid = "REPLACE_WITH_YOUR_SSID";
const char* password = "REPLACE_WITH_YOUR_PASSWORD";
 
#define DHTPIN 5     // Digital pin connected to the DHT sensor
 
// Uncomment the type of sensor in use:
#define DHTTYPE    DHT11     // DHT 11
//#define DHTTYPE    DHT22     // DHT 22 (AM2302)
//#define DHTTYPE    DHT21     // DHT 21 (AM2301)
 
DHT dht(DHTPIN, DHTTYPE);
 
// current temperature & humidity, updated in loop()
float t = 0.0;
float h = 0.0;
 
// Create AsyncWebServer object on port 80
AsyncWebServer server(80);
 
// Generally, you should use "unsigned long" for variables that hold time
// The value will quickly become too large for an int to store
unsigned long previousMillis = 0;    // will store last time DHT was updated
 
// Updates DHT readings every 10 seconds
const long interval = 10000;  
 
const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <style>
    html {
     font-family: Arial;
     display: inline-block;
     margin: 0px auto;
     text-align: center;
    }
    h2 { font-size: 3.0rem; }
    p { font-size: 3.0rem; }
    .units { font-size: 1.2rem; }
    .dht-labels{
      font-size: 1.5rem;
      vertical-align:middle;
      padding-bottom: 15px;
    }
  </style>
</head>
<body>
  <h2>ESP8266 DHT Server</h2>
  <p>
    <i class="fas fa-thermometer-half" style="color:#059e8a;"></i> 
    <span class="dht-labels">Temperature</span> 
    <span id="temperature">%TEMPERATURE%</span>
    <sup class="units">&deg;C</sup>
  </p>
  <p>
    <i class="fas fa-tint" style="color:#00add6;"></i> 
    <span class="dht-labels">Humidity</span>
    <span id="humidity">%HUMIDITY%</span>
    <sup class="units">%</sup>
  </p>
</body>
<script>
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("temperature").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/temperature", true);
}, 10000 ) ;
 
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("humidity").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/humidity", true);
}, 10000 ) ;
</script>
</html>)rawliteral";
 
// Replaces placeholder with DHT values
String processor(const String& var){
  //Serial.println(var);
  if(var == "TEMPERATURE"){
    return String(t);
  }
  else if(var == "HUMIDITY"){
    return String(h);
  }
  return String();
}
 
void setup(){
  // Serial port for debugging purposes
  
  // Connect to Wi-Fi
  Serial.println("Connecting to WiFi");
    delay(1000);
    Serial.println(".");
  }
 
  // Print ESP8266 Local IP Address
  Serial.println(WiFi.localIP());
 
  // Route for root / web page
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/html", index_html, processor);
  });
  server.on("/temperature", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", String(t).c_str());
  });
  server.on("/humidity", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", String(h).c_str());
  });
 
  // Start server
}
 
void loop(){  
  unsigned long currentMillis = millis();
  if (currentMillis - previousMillis >= interval) {
    // save the last time you updated the DHT values
    previousMillis = currentMillis;
    // Read temperature as Celsius (the default)
    float newT = dht.readTemperature();
    // Read temperature as Fahrenheit (isFahrenheit = true)
    //float newT = dht.readTemperature(true);
    // if temperature read failed, don't change t value
    if (isnan(newT)) {
      Serial.println("Failed to read from DHT sensor!");
    }
    else {
      t = newT;
      Serial.println(t);
    }
    // Read Humidity
    float newH = dht.readHumidity();
    // if humidity read failed, don't change h value 
    if (isnan(newH)) {
      Serial.println("Failed to read from DHT sensor!");
    }
    else {
      h = newH;
      Serial.println(h);
    }
  }
}
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
 http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs

6. Receive data via Serial Port Monitoring program

7. Request http from Board

 

Reference

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

반응형
저작자표시

'에너지' 카테고리의 다른 글

[Node MCU ESP8266] LED On/Off via thinger.io  (0) 2019.12.20
[Arduino UNO] DHT11  (0) 2019.12.17
[NodeMCU ESP 8266] Board (SZH-WFBB-017)  (0) 2019.12.14
[Arduino] IR Receive  (0) 2019.12.14
[Raspberry Pi] shell script  (0) 2019.12.09
'에너지' Related Articles more
Comments