Messwerte BME280 im Webbrowser anzeigen Lösung) – Projekte für Arduino und ESP32-Mikrocontroller

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

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

#include "WiFiUdp.h"

#include "Adafruit_BME280.h"

// Name des BME280
Adafruit_BME280 bme; 
#include "NTP3.h"

WiFiUDP wifiUdp;
NTP3 ntp(wifiUdp);

// 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 (Schweiz)
IPAddress secondaryDNS(9, 9, 9, 9);

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

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

  // BME280 starten, bei Misserfolg Meldung anzeigen
  if (!bme.begin(0x76)) 
  {
    Serial.println("BME280 nicht verbunden");
    Serial.println("Verkabelung und/oder HEX-Adresse prüfen!");
    Serial.println("Start mit möglichen HEX-Adressen:");
    Serial.println("bme.begin(0x76);");
    Serial.println("bme.begin(0x77);");
    Serial.println("Programm wird beendet!");
    while(1);
  }
  else Serial.println("BME280 erfolgreich gestartet!");

   // WiFi starten
  // Stations-Modus
  WiFi.mode(WIFI_STA);
  WiFi.begin(Router, Passwort);
  
  // statische IP vergeben
  if (statischeIP)
  {
    WiFi.config(ip, gateway, subnet, primaryDNS, secondaryDNS);
  }
  // IP über DHCP ermitteln
  else
  {
    while (WiFi.status() != WL_CONNECTED)
    {
      delay(200);
      Serial.print(".");
    }
  }

  delay(1000);
  Serial.print("Verbunden mit ");
  Serial.println(Router);
  Serial.println(WiFi.localIP());
  Serial.print("Signalstärke: ");
  Serial.println(WiFi.RSSI());
  
  /*
    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
  /*
    Daten erfassen
    die Daten liegen als Zahlen im Format float vor
    für die weitere Verarbeitung werden sie direkt in eine String umgewandelt
  */
  String Temperatur = String(bme.readTemperature(), 1);
  String Luftfeuchtigkeit = String(bme.readHumidity(), 1);
  String Luftdruck = String(int(bme.readPressure() / 100.0));  

  // float verwendet den . als Dezimaltrennzeichen
  // . mit replace durch , ersetzen
  Temperatur.replace(".", ",");
  Luftdruck.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 BME280</h1>";
  Seite += "<p style=\"font-size: 16pt; color: black;\">";
  Seite += "Letzte Messung: ";
  if (ntp.update())
  {
    Seite += ntp.formattedTime("%H:%M:%S Uhr");
    Seite += "</p>";
  }

  // Farben als HEX-Code 
  // https://www.uni-muenster.de/IT.GuidoWessendorf/rgbtab.html
  // # vor den Code setzen
  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>";
  Seite += "<p style=\"font-size: 16pt; color: firebrick;\">";
  Seite += "Luftdruck: " + Luftdruck + " hPa</p>";
  
   // Button aktualisieren 
  Seite += "<hr><input style=\"font-size:16pt; font-weight:bold;";
  Seite += "background-color:#55A96B;";
  Seite += "display:block; cursor:pointer;\"type=\"button\"";
 
  // Button altualisieren
  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

#ifdef ESP8266

#include "ESP8266WebServer.h"

ESP8266WebServer Server(80);

#endif

#ifdef ESP32

#include "WiFi.h"

#include "WebServer.h"

WebServer Server(80);

#endif

#include "WiFiUdp.h"

#include "Adafruit_BME280.h"

// Name des BME280

Adafruit_BME280 bme;

#include "NTP3.h"

WiFiUDP wifiUdp;

NTP3 ntp(wifiUdp);

// 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 (Schweiz)

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

void setup()

{

Serial.begin(9600);

// auf Serielle Verbindung warten

while (!Serial);

delay(1000);

// BME280 starten, bei Misserfolg Meldung anzeigen

if (!bme.begin(0x76))

{

Serial.println("BME280 nicht verbunden");

Serial.println("Verkabelung und/oder HEX-Adresse prüfen!");

Serial.println("Start mit möglichen HEX-Adressen:");

Serial.println("bme.begin(0x76);");

Serial.println("bme.begin(0x77);");

Serial.println("Programm wird beendet!");

while(1);

}

else Serial.println("BME280 erfolgreich gestartet!");

// WiFi starten

// Stations-Modus

WiFi.mode(WIFI_STA);

WiFi.begin(Router, Passwort);

// statische IP vergeben

if (statischeIP)

{

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

}

// IP über DHCP ermitteln

else

{

while (WiFi.status() != WL_CONNECTED)

{

delay(200);

Serial.print(".");

}

delay(1000);

Serial.print("Verbunden mit ");

Serial.println(Router);

Serial.println(WiFi.localIP());

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

Serial.println(WiFi.RSSI());

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

Daten erfassen

die Daten liegen als Zahlen im Format float vor

für die weitere Verarbeitung werden sie direkt in eine String umgewandelt

String Temperatur = String(bme.readTemperature(), 1);

String Luftfeuchtigkeit = String(bme.readHumidity(), 1);

String Luftdruck = String(int(bme.readPressure() / 100.0));

// float verwendet den . als Dezimaltrennzeichen

// . mit replace durch , ersetzen

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

Luftdruck.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 BME280</h1>";

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

Seite += "Letzte Messung: ";

if (ntp.update())

{

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

Seite += "</p>";

}

// Farben als HEX-Code

// https://www.uni-muenster.de/IT.GuidoWessendorf/rgbtab.html

// # vor den Code setzen

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>";

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

Seite += "Luftdruck: " + Luftdruck + " hPa</p>";

// Button aktualisieren

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

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

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

// Button altualisieren

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: Sep. 7, 2026 @ 10:33