Messwerte DHT-Sensor im Webbrowser anzeigen – Projekte für Arduino und ESP32-Mikrocontroller

Messwerte

#ifdef ESP8266
  #include "ESP8266WebServer.h"
  ESP8266WebServer Server(80);
#else
  #include "WiFi.h"
  #include "WebServer.h"
  WebServer Server(80);
#endif

#include "DHT.h"
 
// Pin des DHT-Sensors anpassen
// Nano ESP32
// int SENSOR_DHT = D5;
 
// ESP32-Wroom
int SENSOR_DHT = 13;
 
// NodeMCU
// int SENSOR_DHT = D3;
 
// ESP32-C6
// int SENSOR_DHT = 13;

// Sensortyp festlegen
// DHT22 oder DHT11
#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen
DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen
char Router[] = "Router_SSID";
char Passwort[] = "xxxxxxxx";

// statischeIP = false -> IP-Adresse über DHCP vergeben
// statischeIP = true -> statische IP festlegen
bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden
IPAddress ip(192, 168, 1, 100);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);

void setup() 
{
  dht.begin();
  Serial.begin(9600);

  // auf serielle Verbindung warten
  while (!Serial);
  delay(1000);

  // WiFi starten
  WiFi.mode(WIFI_STA);
  WiFi.begin(Router, Passwort);
  
   // statische IP vergeben
  if (statischeIP) 
  {
    WiFi.config(ip, gateway, subnet); 
    Serial.print("Verbunden mit ");
    Serial.println(Router);

    // IP anzeigen
    Serial.print("Statische IP: ");
  }

  // IP über DHCP ermitteln
  else
  {
    while (WiFi.status() != WL_CONNECTED) 
    {
      delay(200);
      Serial.print(".");
    }
    Serial.println();
    Serial.print("Verbunden mit ");
    Serial.println(Router);
    Serial.print("IP über DHCP: ");
  }

  // IP anzeigen
  Serial.println(WiFi.localIP());

  // Webserver starten
  // / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion
  Server.begin();
  Server.on("/", SeiteBauen);
}

void loop()
{
  // auf Anfragen warten
  Server.handleClient(); 
}

void SeiteBauen()
{
  // Daten lesen
  String Temperatur = String(dht.readTemperature());
  String Luftfeuchtigkeit = String(dht.readHumidity());
  
  // . durch , ersetzen
  Temperatur.replace(".", ",");
  Luftfeuchtigkeit.replace(".", ",");

  // Seite "zusammenbauen"
  String Seite = "";
  
  // refresh -> Seite automatisch aktualisieren
  Seite += "<head><meta http-equiv=\"refresh\" content=\"10\"></head>";
  Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";
  Seite += "Messwerte DHT</h1>";
  Seite += "<p style=\"font-size: 16pt; color: blue;\">";
  Seite += "Temperatur: " + Temperatur + " &deg;C</p>";
  Seite += "<p style=\"font-size: 16pt; color: green;\">";
  Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";
  
   // Button aktualisieren 
  Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";
  Seite += "background-color:#55A96B;";
  Seite += "display:block; cursor:pointer;\"type=\"button\"";
 
  // IP für den Button aktualisieren (location.href)
  // muss mit dem Wert für IPAdress übereinstimmen (. statt ,)
  Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";
  Seite += "<hr>";

  // Seite anzeigen
  Server.send(200, "text/html", Seite);
}

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

#ifdef ESP8266

#include "ESP8266WebServer.h"

ESP8266WebServer Server(80);

#else

#include "WiFi.h"

#include "WebServer.h"

WebServer Server(80);

#endif

#include "DHT.h"

// Pin des DHT-Sensors anpassen

// Nano ESP32

// int SENSOR_DHT = D5;

// ESP32-Wroom

int SENSOR_DHT = 13;

// NodeMCU

// int SENSOR_DHT = D3;

// ESP32-C6

// int SENSOR_DHT = 13;

// Sensortyp festlegen

// DHT22 oder DHT11

#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen

DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen

char Router[] = "Router_SSID";

char Passwort[] = "xxxxxxxx";

// statischeIP = false -> IP-Adresse über DHCP vergeben

// statischeIP = true -> statische IP festlegen

bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden

IPAddress ip(192, 168, 1, 100);

IPAddress gateway(192, 168, 1, 1);

IPAddress subnet(255, 255, 255, 0);

void setup()

{

dht.begin();

Serial.begin(9600);

// auf serielle Verbindung warten

while (!Serial);

delay(1000);

// WiFi starten

WiFi.mode(WIFI_STA);

WiFi.begin(Router, Passwort);

// statische IP vergeben

if (statischeIP)

{

WiFi.config(ip, gateway, subnet);

Serial.print("Verbunden mit ");

Serial.println(Router);

// IP anzeigen

Serial.print("Statische IP: ");

}

// IP über DHCP ermitteln

else

{

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Serial.println();

Serial.print("Verbunden mit ");

Serial.println(Router);

Serial.print("IP über DHCP: ");

}

// IP anzeigen

Serial.println(WiFi.localIP());

// Webserver starten

// / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion

Server.begin();

Server.on("/", SeiteBauen);

}

void loop()

{

// auf Anfragen warten

Server.handleClient();

}

void SeiteBauen()

{

// Daten lesen

String Temperatur = String(dht.readTemperature());

String Luftfeuchtigkeit = String(dht.readHumidity());

// . durch , ersetzen

Temperatur.replace(".", ",");

Luftfeuchtigkeit.replace(".", ",");

// Seite "zusammenbauen"

String Seite = "";

// refresh -> Seite automatisch aktualisieren

Seite += "<head><meta http-equiv=\"refresh\" content=\"10\"></head>";

Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";

Seite += "Messwerte DHT</h1>";

Seite += "<p style=\"font-size: 16pt; color: blue;\">";

Seite += "Temperatur: " + Temperatur + " °C</p>";

Seite += "<p style=\"font-size: 16pt; color: green;\">";

Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";

// Button aktualisieren

Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";

Seite += "background-color:#55A96B;";

Seite += "display:block; cursor:pointer;\"type=\"button\"";

// IP für den Button aktualisieren (location.href)

// muss mit dem Wert für IPAdress übereinstimmen (. statt ,)

Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";

Seite += "<hr>";

// Seite anzeigen

Server.send(200, "text/html", Seite);

}

Messwerte und Zeit mit der Bibliothek time.h

#ifdef ESP8266
  #include "ESP8266WebServer.h"
  ESP8266WebServer Server(80);
#else
  #include "WiFi.h"
  #include "WebServer.h"
  WebServer Server(80);
#endif

#include "DHT.h"
#include "time.h"

// NTP-Server aus dem Pool
#define Zeitserver "de.pool.ntp.org"
/*
  Liste der Zeitzonen
  https://github.com/nayarsystems/posix_tz_db/blob/master/zones.csv
  Zeitzone CET = Central European Time ‑1 -> 1 Stunde zurück
  CEST = Central European Summer Time von
  M3 = März, 5.0 = Sonntag 5. Woche, 02 = 2 Uhr
  bis M10 = Oktober, 5.0 = Sonntag 5. Woche 03 = 3 Uhr
*/
#define Zeitzone "CET-1CEST,M3.5.0/02,M10.5.0/03"
// time_t enthält die Anzahl der Sekunden seit dem 1.1.1970 0 Uhr
time_t aktuelleZeit;
/*
  Struktur tm
  tm_hour -> Stunde: 0 bis 23
  tm_min -> Minuten: 0 bis 59
  tm_sec -> Sekunden 0 bis 59
  tm_mday -> Tag 1 bis 31
  tm_mon -> Monat: 0 (Januar) bis 11 (Dezember)
  tm_year -> Jahre seit 1900
  tm_yday -> vergangene Tage seit 1. Januar des Jahres
  tm_isdst -> Wert > 0 = Sommerzeit (dst = daylight saving time)
*/
tm Zeit;

// Pin des DHT-Sensors anpassen
// Nano ESP32
// int SENSOR_DHT = D5;
 
// ESP32-Wroom
// int SENSOR_DHT = 13;
 
// NodeMCU
// int SENSOR_DHT = D3;
 
// ESP32-C6
// int SENSOR_DHT = 13;

// Sensortyp festlegen
// DHT22 oder DHT11
#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen
DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen
char Router[] = "Router_SSID";
char Passwort[] = "xxxxxxxx";

String ZeitAnzeigen;

// Info IP-Adressen anzeigen 
bool InfoAnzeigen = true;

// statischeIP = false -> IP-Adresse über DHCP vergeben
// statischeIP = true -> statische IP festlegen
bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden
IPAddress ip(192, 168, 1, 100);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);

// DNS-Server normalerweise identisch mit der IP des Routers
IPAddress primaryDNS(192, 168, 1, 10);

// öffentlicher sekundärer DNS-Server (Schweizer Stiftung)
IPAddress secondaryDNS(9, 9, 9, 9);

void setup() 
{
  dht.begin();
  Serial.begin(9600);
 
  // WiFi starten
  // Stations-Modus
  WiFi.mode(WIFI_STA);
  WiFi.setSleep(false);
  WiFi.setAutoReconnect(true);
  WiFi.begin(Router, Passwort);
  
  // statische IP vergeben
  if (statischeIP)
  {
    WiFi.config(ip, gateway, subnet, primaryDNS, secondaryDNS);
    Serial.print("Verbunden mit ");
    Serial.println(WiFi.SSID());
    
    // IP anzeigen
    Serial.print("Statische IP: ");
    Serial.println(ip);
    Serial.print("Signalstärke: ");
    Serial.println(WiFi.RSSI());
  }
  // IP über DHCP ermitteln
  else
  {
    while (WiFi.status() != WL_CONNECTED)
    {
      delay(200);
      Serial.print(".");
    }
    Serial.println();
    Serial.print("Verbunden mit ");
    Serial.println(WiFi.SSID());
    Serial.print("IP über DHCP: ");
    Serial.println(WiFi.localIP());
  }
  // Zeitzone: Parameter für die zu ermittelnde Zeit
  configTzTime(Zeitzone, Zeitserver);
  
  // aktuelle Zeit holen
  time(&aktuelleZeit);
  
  // localtime_r -> Zeit in die lokale Zeitzone setzen
  localtime_r(&aktuelleZeit, &Zeit);
 
  // beim Start entspricht das Datum der Unixtime: 1.1.1970
  // Datum soll erst angezeigt werden, wenn es korrekt ist
  String Jahr = String(Zeit.tm_year + 1900);
  int Zaehler = 0;
 
  // nur ESP32
  #ifdef ESP32
  {
    // String Jahr nach "1970" durchsuchen
    int Suche = Jahr.indexOf("1970");        
    Serial.println("-------------------------");
    Serial.println("Datum und Zeit holen (maximal 90 Sekunden)...");
  
    // solange die Suche nicht erfolgreich ist
    while (Suche != -1)
    {
      // aktuelle Zeit holen
      time(&aktuelleZeit);
    
      // localtime_r -> Zeit in die lokale Zeitzone setzen
      localtime_r(&aktuelleZeit, &Zeit);
      Jahr = String(Zeit.tm_year + 1900);
    
      // String Jahr nach "1970" durchsuchen
      Suche = Jahr.indexOf("1970");
    
      // Zeit in Stunden, Minuten und Sekunden
      delay(1000);
      Zaehler ++;
    
      // Zeit konnte innerhalb 90 s nicht synchronisiert werden
      if (Zaehler >= 90)
      {
        Serial.println();
        Serial.println("Datum und Zeit konnte innerhalb von " + String(Zaehler) + " Sekunden nicht geholt werden");
        Serial.println("Programm wird beendet");
      
        // Programm beenden
        while(1);
      }
      Serial.print(".");
    }  
    #endif
    
    Serial.println();
  
    Serial.println("-------------------------");
    Serial.println("Zeit erfolgreich synchronisiert ...");
    
    if (Zeit.tm_mday < 10) Serial.print("0");
    Serial.print(Zeit.tm_mday);
    Serial.print(".");
 
    // Monat: führende 0 ergänzen
    if (Zeit.tm_mon < 9) Serial.print("0");
    
    // Zählung beginnt mit 0 -> +1
    Serial.print(Zeit.tm_mon + 1);
    Serial.print(".");
 
    // Anzahl Jahre seit 1900
    Serial.println(Zeit.tm_year + 1900);

    if (Zeit.tm_hour < 10) Serial.print("0");
    Serial.print(Zeit.tm_hour);
    Serial.print(":");  

    if (Zeit.tm_min < 10) Serial.print("0");
    Serial.print(Zeit.tm_min);
    Serial.print(":");  
    
    if (Zeit.tm_sec < 10) Serial.print("0");

    Serial.println(Zeit.tm_sec);
    Serial.println("-------------------------");
  }

  // Webserver starten
  // / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion
  Server.begin();
  Server.on("/", SeiteBauen);
}

void loop()
{
  // auf Anfragen warten
  Server.handleClient(); 
}

void SeiteBauen()
{
  ZeitAnzeigen = "";

  // aktuelle Zeit holen
  time(&aktuelleZeit);
  
  // localtime_r -> Zeit in die lokale Zeitzone setzen
  localtime_r(&aktuelleZeit, &Zeit);
  if (Zeit.tm_hour < 10) ZeitAnzeigen = "0";
  ZeitAnzeigen += Zeit.tm_hour;

  ZeitAnzeigen += ":";

  if (Zeit.tm_min < 10) ZeitAnzeigen += "0";
  ZeitAnzeigen += Zeit.tm_min;
  ZeitAnzeigen += ":";
    
  if (Zeit.tm_sec < 10) ZeitAnzeigen += "0";
  ZeitAnzeigen += Zeit.tm_sec;
  ZeitAnzeigen += " Uhr";
  
  // Daten lesen
  String Temperatur = String(dht.readTemperature());
  String Luftfeuchtigkeit = String(dht.readHumidity());
  
  // . durch , ersetzen
  Temperatur.replace(".", ",");
  Luftfeuchtigkeit.replace(".", ",");

  // Seite "zusammenbauen"
  String Seite = "";

  // refresh -> Seite automatisch aktualisieren Zeit in Sekunden
  Seite += "<head><meta http-equiv=\"refresh\" content=\"60\"></head>";
  Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";
  Seite += "Messwerte DHT</h1>";
  Seite += "<p style=\"font-size: 16pt; color: black;\">";
  Seite += "Letzte Messung: ";
  Seite += ZeitAnzeigen + "</p>";
  Seite += "<p style=\"font-size: 16pt; color: blue;\">";
  Seite += "Temperatur: " + Temperatur + " &deg;C</p>";
  Seite += "<p style=\"font-size: 16pt; color: green;\">";
  Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";
  
   // Button aktualisieren 
  Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";
  Seite += "background-color:#55A96B;";
  Seite += "display:block; cursor:pointer;\"type=\"button\"";
 
  // IP für den Button aktualisieren (location.href)
  // muss mit dem Wert für IPAdress übereinstimmen (. statt ,)
  Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";
  Seite += "<hr>";

  // IP-Adressen anzeigen
  if (InfoAnzeigen)
  {
    Seite += "<p style=\"font-size: 16pt; color: black;\">";
    Seite += "Verbunden mit: " + WiFi.SSID() + "<br>";
    Seite += "Signalst&auml;rke: " + String(WiFi.RSSI()) + "<br>";
    Seite += "IP-Adresse ESP: " + String(WiFi.localIP().toString()) + "</p>";
  }

  // Seite anzeigen
  Server.send(200, "text/html", Seite);
}

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

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

#ifdef ESP8266

#include "ESP8266WebServer.h"

ESP8266WebServer Server(80);

#else

#include "WiFi.h"

#include "WebServer.h"

WebServer Server(80);

#endif

#include "DHT.h"

#include "time.h"

// NTP-Server aus dem Pool

#define Zeitserver "de.pool.ntp.org"

Liste der Zeitzonen

https://github.com/nayarsystems/posix_tz_db/blob/master/zones.csv

Zeitzone CET = Central European Time ‑1 -> 1 Stunde zurück

CEST = Central European Summer Time von

M3 = März, 5.0 = Sonntag 5. Woche, 02 = 2 Uhr

bis M10 = Oktober, 5.0 = Sonntag 5. Woche 03 = 3 Uhr

#define Zeitzone "CET-1CEST,M3.5.0/02,M10.5.0/03"

// time_t enthält die Anzahl der Sekunden seit dem 1.1.1970 0 Uhr

time_t aktuelleZeit;

Struktur tm

tm_hour -> Stunde: 0 bis 23

tm_min -> Minuten: 0 bis 59

tm_sec -> Sekunden 0 bis 59

tm_mday -> Tag 1 bis 31

tm_mon -> Monat: 0 (Januar) bis 11 (Dezember)

tm_year -> Jahre seit 1900

tm_yday -> vergangene Tage seit 1. Januar des Jahres

tm_isdst -> Wert > 0 = Sommerzeit (dst = daylight saving time)

tm Zeit;

// Pin des DHT-Sensors anpassen

// Nano ESP32

// int SENSOR_DHT = D5;

// ESP32-Wroom

// int SENSOR_DHT = 13;

// NodeMCU

// int SENSOR_DHT = D3;

// ESP32-C6

// int SENSOR_DHT = 13;

// Sensortyp festlegen

// DHT22 oder DHT11

#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen

DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen

char Router[] = "Router_SSID";

char Passwort[] = "xxxxxxxx";

String ZeitAnzeigen;

// Info IP-Adressen anzeigen

bool InfoAnzeigen = true;

// statischeIP = false -> IP-Adresse über DHCP vergeben

// statischeIP = true -> statische IP festlegen

bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden

IPAddress ip(192, 168, 1, 100);

IPAddress gateway(192, 168, 1, 1);

IPAddress subnet(255, 255, 255, 0);

// DNS-Server normalerweise identisch mit der IP des Routers

IPAddress primaryDNS(192, 168, 1, 10);

// öffentlicher sekundärer DNS-Server (Schweizer Stiftung)

IPAddress secondaryDNS(9, 9, 9, 9);

void setup()

{

dht.begin();

Serial.begin(9600);

// WiFi starten

// Stations-Modus

WiFi.mode(WIFI_STA);

WiFi.setSleep(false);

WiFi.setAutoReconnect(true);

WiFi.begin(Router, Passwort);

// statische IP vergeben

if (statischeIP)

{

WiFi.config(ip, gateway, subnet, primaryDNS, secondaryDNS);

Serial.print("Verbunden mit ");

Serial.println(WiFi.SSID());

// IP anzeigen

Serial.print("Statische IP: ");

Serial.println(ip);

Serial.print("Signalstärke: ");

Serial.println(WiFi.RSSI());

}

// IP über DHCP ermitteln

else

{

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Serial.println();

Serial.print("Verbunden mit ");

Serial.println(WiFi.SSID());

Serial.print("IP über DHCP: ");

Serial.println(WiFi.localIP());

}

// Zeitzone: Parameter für die zu ermittelnde Zeit

configTzTime(Zeitzone, Zeitserver);

// aktuelle Zeit holen

time(&aktuelleZeit);

// localtime_r -> Zeit in die lokale Zeitzone setzen

localtime_r(&aktuelleZeit, &Zeit);

// beim Start entspricht das Datum der Unixtime: 1.1.1970

// Datum soll erst angezeigt werden, wenn es korrekt ist

String Jahr = String(Zeit.tm_year + 1900);

int Zaehler = 0;

// nur ESP32

#ifdef ESP32

{

// String Jahr nach "1970" durchsuchen

int Suche = Jahr.indexOf("1970");

Serial.println("-------------------------");

Serial.println("Datum und Zeit holen (maximal 90 Sekunden)...");

// solange die Suche nicht erfolgreich ist

while (Suche != -1)

{

// aktuelle Zeit holen

time(&aktuelleZeit);

// localtime_r -> Zeit in die lokale Zeitzone setzen

localtime_r(&aktuelleZeit, &Zeit);

Jahr = String(Zeit.tm_year + 1900);

// String Jahr nach "1970" durchsuchen

Suche = Jahr.indexOf("1970");

// Zeit in Stunden, Minuten und Sekunden

delay(1000);

Zaehler ++;

// Zeit konnte innerhalb 90 s nicht synchronisiert werden

if (Zaehler >= 90)

{

Serial.println();

Serial.println("Datum und Zeit konnte innerhalb von " + String(Zaehler) + " Sekunden nicht geholt werden");

Serial.println("Programm wird beendet");

// Programm beenden

while(1);

}

Serial.print(".");

}

#endif

Serial.println();

Serial.println("-------------------------");

Serial.println("Zeit erfolgreich synchronisiert ...");

if (Zeit.tm_mday < 10) Serial.print("0");

Serial.print(Zeit.tm_mday);

Serial.print(".");

// Monat: führende 0 ergänzen

if (Zeit.tm_mon < 9) Serial.print("0");

// Zählung beginnt mit 0 -> +1

Serial.print(Zeit.tm_mon + 1);

Serial.print(".");

// Anzahl Jahre seit 1900

Serial.println(Zeit.tm_year + 1900);

if (Zeit.tm_hour < 10) Serial.print("0");

Serial.print(Zeit.tm_hour);

Serial.print(":");

if (Zeit.tm_min < 10) Serial.print("0");

Serial.print(Zeit.tm_min);

Serial.print(":");

if (Zeit.tm_sec < 10) Serial.print("0");

Serial.println(Zeit.tm_sec);

Serial.println("-------------------------");

}

// Webserver starten

// / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion

Server.begin();

Server.on("/", SeiteBauen);

}

void loop()

{

// auf Anfragen warten

Server.handleClient();

}

void SeiteBauen()

{

ZeitAnzeigen = "";

// aktuelle Zeit holen

time(&aktuelleZeit);

// localtime_r -> Zeit in die lokale Zeitzone setzen

localtime_r(&aktuelleZeit, &Zeit);

if (Zeit.tm_hour < 10) ZeitAnzeigen = "0";

ZeitAnzeigen += Zeit.tm_hour;

ZeitAnzeigen += ":";

if (Zeit.tm_min < 10) ZeitAnzeigen += "0";

ZeitAnzeigen += Zeit.tm_min;

ZeitAnzeigen += ":";

if (Zeit.tm_sec < 10) ZeitAnzeigen += "0";

ZeitAnzeigen += Zeit.tm_sec;

ZeitAnzeigen += " Uhr";

// Daten lesen

String Temperatur = String(dht.readTemperature());

String Luftfeuchtigkeit = String(dht.readHumidity());

// . durch , ersetzen

Temperatur.replace(".", ",");

Luftfeuchtigkeit.replace(".", ",");

// Seite "zusammenbauen"

String Seite = "";

// refresh -> Seite automatisch aktualisieren Zeit in Sekunden

Seite += "<head><meta http-equiv=\"refresh\" content=\"60\"></head>";

Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";

Seite += "Messwerte DHT</h1>";

Seite += "<p style=\"font-size: 16pt; color: black;\">";

Seite += "Letzte Messung: ";

Seite += ZeitAnzeigen + "</p>";

Seite += "<p style=\"font-size: 16pt; color: blue;\">";

Seite += "Temperatur: " + Temperatur + " °C</p>";

Seite += "<p style=\"font-size: 16pt; color: green;\">";

Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";

// Button aktualisieren

Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";

Seite += "background-color:#55A96B;";

Seite += "display:block; cursor:pointer;\"type=\"button\"";

// IP für den Button aktualisieren (location.href)

// muss mit dem Wert für IPAdress übereinstimmen (. statt ,)

Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";

Seite += "<hr>";

// IP-Adressen anzeigen

if (InfoAnzeigen)

{

Seite += "<p style=\"font-size: 16pt; color: black;\">";

Seite += "Verbunden mit: " + WiFi.SSID() + "<br>";

Seite += "Signalstärke: " + String(WiFi.RSSI()) + "<br>";

Seite += "IP-Adresse ESP: " + String(WiFi.localIP().toString()) + "</p>";

}

// Seite anzeigen

Server.send(200, "text/html", Seite);

}

Messwerte und Zeit mit der Bibliothek ntp3.h

#ifdef ESP8266
  #include "ESP8266WebServer.h"
  ESP8266WebServer Server(80);
#endif

#ifdef ESP32
  #include "WiFi.h"
  #include "WebServer.h"
  WebServer Server(80);
#endif

#include "DHT.h"
#include "NTP3.h"

WiFiUDP wifiUdp;
NTP3 ntp(wifiUdp);

// Pin des DHT-Sensors anpassen
// Nano ESP32
// int SENSOR_DHT = D5;
 
// ESP32-Wroom
// int SENSOR_DHT = 13;
 
// NodeMCU
// int SENSOR_DHT = D3;
 
// ESP32-C6
// int SENSOR_DHT = 13;

// Sensortyp festlegen
// DHT22 oder DHT11
#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen
DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen
char Router[] = "Router_SSID";
char Passwort[] = "xxxxxxxx";

// Info IP-Adressen anzeigen 
bool InfoAnzeigen = true;

// statischeIP = false -> IP-Adresse über DHCP vergeben
// statischeIP = true -> statische IP festlegen
bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden
IPAddress ip(192, 168, 1, 100);
IPAddress gateway(192, 168, 1, 1);
IPAddress subnet(255, 255, 255, 0);

// DNS-Server normalerweise identisch mit der IP des Routers
IPAddress primaryDNS(192, 168, 1, 10);

// öffentlicher sekundärer DNS-Server (Cloudflare)
IPAddress secondaryDNS(9, 9, 9, 9);

void setup() 
{
  dht.begin();
  Serial.begin(9600);
 
  // WiFi starten
  // Stations-Modus
  WiFi.mode(WIFI_STA);
  WiFi.setSleep(false);
  WiFi.setAutoReconnect(true);
  WiFi.begin(Router, Passwort);
  
  // statische IP vergeben
  if (statischeIP)
  {
    WiFi.config(ip, gateway, subnet, primaryDNS, secondaryDNS);
    Serial.print("Verbunden mit ");
    Serial.println(WiFi.SSID());
    
    // IP anzeigen
    Serial.print("Statische IP: ");
    Serial.println(ip);
    Serial.print("Signalstärke: ");
    Serial.println(WiFi.RSSI());
  }
  // IP über DHCP ermitteln
  else
  {
    while (WiFi.status() != WL_CONNECTED)
    {
      delay(200);
      Serial.print(".");
    }
    Serial.println();
    Serial.print("Verbunden mit ");
    Serial.println(WiFi.SSID());
    Serial.print("IP über DHCP: ");
    Serial.println(WiFi.localIP());
  }

 /*
    Zeitzone
    CEST: Central European Summertime
    Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr GMT + 2 Stunden
  */
  ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);
 
  // CET: Central European Time
  // Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr GMT + 1 Stunde
  ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);
 
  // ntp starten Zeitserver deutscher NTP-Pool
  // Standard: pool.ntp.org
  ntp.begin("de.pool.ntp.org");
 
  // nur ESP: autoamtische Synchronisation mit der Systemzeiot des ESP
  // ntp.syncRTC(true);
 

  // Webserver starten
  // / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion
  Server.begin();
  Server.on("/", SeiteBauen);
}

void loop()
{
  // auf Anfragen warten
  Server.handleClient(); 
}

void SeiteBauen()
{
  // Daten lesen
  String Temperatur = String(dht.readTemperature());
  String Luftfeuchtigkeit = String(dht.readHumidity());
  
  // . durch , ersetzen
  Temperatur.replace(".", ",");
  Luftfeuchtigkeit.replace(".", ",");

  // Seite "zusammenbauen"
  String Seite = "";

  // refresh -> Seite automatisch aktualisieren Zeit in Sekunden
  Seite += "<head><meta http-equiv=\"refresh\" content=\"60\"></head>";
  Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";
  Seite += "Messwerte DHT</h1>";
  Seite += "<p style=\"font-size: 16pt; color: black;\">";
  Seite += "Letzte Messung: ";
  if (ntp.update())
  {
    Seite += ntp.formattedTime("%H:%M:%S Uhr");
    Seite += "</p>";
  }
  Seite += "<p style=\"font-size: 16pt; color: blue;\">";
  Seite += "Temperatur: " + Temperatur + " &deg;C</p>";
  Seite += "<p style=\"font-size: 16pt; color: green;\">";
  Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";
  
   // Button aktualisieren 
  Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";
  Seite += "background-color:#55A96B;";
  Seite += "display:block; cursor:pointer;\"type=\"button\"";
 
  // IP für den Button aktualisieren (location.href)
  // muss mit dem Wert für IPAdress übereinstimmen (. statt ,)
  Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";
  Seite += "<hr>";

  // IP-Adressen anzeigen
  if (InfoAnzeigen)
  {
    Seite += "<p style=\"font-size: 16pt; color: black;\">";
    Seite += "Verbunden mit: " + WiFi.SSID() + "<br>";
    Seite += "Signalst&auml;rke: " + String(WiFi.RSSI()) + "<br>";
    Seite += "IP-Adresse ESP: " + String(WiFi.localIP().toString()) + "</p>";
  }

  // Seite anzeigen
  Server.send(200, "text/html", Seite);
}

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

176

177

178

179

180

181

#ifdef ESP8266

#include "ESP8266WebServer.h"

ESP8266WebServer Server(80);

#endif

#ifdef ESP32

#include "WiFi.h"

#include "WebServer.h"

WebServer Server(80);

#endif

#include "DHT.h"

#include "NTP3.h"

WiFiUDP wifiUdp;

NTP3 ntp(wifiUdp);

// Pin des DHT-Sensors anpassen

// Nano ESP32

// int SENSOR_DHT = D5;

// ESP32-Wroom

// int SENSOR_DHT = 13;

// NodeMCU

// int SENSOR_DHT = D3;

// ESP32-C6

// int SENSOR_DHT = 13;

// Sensortyp festlegen

// DHT22 oder DHT11

#define SensorTyp DHT22

// Sensor DHT einen Namen zuweisen

DHT dht(SENSOR_DHT, SensorTyp);

// Router-SSID/Passwort anpassen

char Router[] = "Router_SSID";

char Passwort[] = "xxxxxxxx";

// Info IP-Adressen anzeigen

bool InfoAnzeigen = true;

// statischeIP = false -> IP-Adresse über DHCP vergeben

// statischeIP = true -> statische IP festlegen

bool statischeIP = true;

// ip und gateway müssen an das lokale Netz angepasst werden

IPAddress ip(192, 168, 1, 100);

IPAddress gateway(192, 168, 1, 1);

IPAddress subnet(255, 255, 255, 0);

// DNS-Server normalerweise identisch mit der IP des Routers

IPAddress primaryDNS(192, 168, 1, 10);

// öffentlicher sekundärer DNS-Server (Cloudflare)

IPAddress secondaryDNS(9, 9, 9, 9);

void setup()

{

dht.begin();

Serial.begin(9600);

// WiFi starten

// Stations-Modus

WiFi.mode(WIFI_STA);

WiFi.setSleep(false);

WiFi.setAutoReconnect(true);

WiFi.begin(Router, Passwort);

// statische IP vergeben

if (statischeIP)

{

WiFi.config(ip, gateway, subnet, primaryDNS, secondaryDNS);

Serial.print("Verbunden mit ");

Serial.println(WiFi.SSID());

// IP anzeigen

Serial.print("Statische IP: ");

Serial.println(ip);

Serial.print("Signalstärke: ");

Serial.println(WiFi.RSSI());

}

// IP über DHCP ermitteln

else

{

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

Serial.println();

Serial.print("Verbunden mit ");

Serial.println(WiFi.SSID());

Serial.print("IP über DHCP: ");

Serial.println(WiFi.localIP());

}

Zeitzone

CEST: Central European Summertime

Beginn europäische Sommerzeit letzter Sonntag im März 2 Uhr GMT + 2 Stunden

ntp.ruleDST("CEST", Last, Sun, Mar, 2, 120);

// CET: Central European Time

// Beginn Normalzeit letzter Sonntag im Oktober 3 Uhr GMT + 1 Stunde

ntp.ruleSTD("CET", Last, Sun, Oct, 3, 60);

// ntp starten Zeitserver deutscher NTP-Pool

// Standard: pool.ntp.org

ntp.begin("de.pool.ntp.org");

// nur ESP: autoamtische Synchronisation mit der Systemzeiot des ESP

// ntp.syncRTC(true);

// Webserver starten

// / -> Aufruf der URL, SeiteBauen -> Aufruf der Funktion

Server.begin();

Server.on("/", SeiteBauen);

}

void loop()

{

// auf Anfragen warten

Server.handleClient();

}

void SeiteBauen()

{

// Daten lesen

String Temperatur = String(dht.readTemperature());

String Luftfeuchtigkeit = String(dht.readHumidity());

// . durch , ersetzen

Temperatur.replace(".", ",");

Luftfeuchtigkeit.replace(".", ",");

// Seite "zusammenbauen"

String Seite = "";

// refresh -> Seite automatisch aktualisieren Zeit in Sekunden

Seite += "<head><meta http-equiv=\"refresh\" content=\"60\"></head>";

Seite += "<h1 style=\"font-size: 24pt; color: green; background: #e9fdd4;padding: 10px;\">";

Seite += "Messwerte DHT</h1>";

Seite += "<p style=\"font-size: 16pt; color: black;\">";

Seite += "Letzte Messung: ";

if (ntp.update())

{

Seite += ntp.formattedTime("%H:%M:%S Uhr");

Seite += "</p>";

}

Seite += "<p style=\"font-size: 16pt; color: blue;\">";

Seite += "Temperatur: " + Temperatur + " °C</p>";

Seite += "<p style=\"font-size: 16pt; color: green;\">";

Seite += "Luftfeuchtigkeit: " + Luftfeuchtigkeit + "%</p>";

// Button aktualisieren

Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";

Seite += "background-color:#55A96B;";

Seite += "display:block; cursor:pointer;\"type=\"button\"";

// IP für den Button aktualisieren (location.href)

// muss mit dem Wert für IPAdress übereinstimmen (. statt ,)

Seite += " onClick=\"location.reload()\" value=\"aktualisieren\">";

Seite += "<hr>";

// IP-Adressen anzeigen

if (InfoAnzeigen)

{

Seite += "<p style=\"font-size: 16pt; color: black;\">";

Seite += "Verbunden mit: " + WiFi.SSID() + "<br>";

Seite += "Signalstärke: " + String(WiFi.RSSI()) + "<br>";

Seite += "IP-Adresse ESP: " + String(WiFi.localIP().toString()) + "</p>";

}

// Seite anzeigen

Server.send(200, "text/html", Seite);

}

Letzte Aktualisierung: Aug. 7, 2026 @ 11:33