ESP - WiFi und Webserver starten – Projekte für Arduino und ESP32-Mikrocontroller

Die Prozessorfamilien

ESP32
ESP32-Wroom
ESP32-C6
ESP32-S3
XIAO-ESP32-C3
Arduino Nano ESP32
ESP8266
NodeMCU
Wemos D1 Mini

Das Programm startet die WiFi-Funktion der ESPs und erstellt eine Webseite mit einer Überschrift und einer horizontalen Linie. Beachte hier die Unterschiede beim Start von WiFi und Webserver der Prozessorfamilien ESP8266 und ESP32.

ESP8266
#include “ESP8266WebServer.h“
ESP8266WebServer Server(80);
ESP32
#include “WiFi.h”
#include “WebServer.h“
WebServer Server(80);

Im Programm kannst du entscheiden, ob du dem Router die Vergabe der IP-Adresse überlassen willst (statischeIP = false) oder selbst eine IP-Adresse festlegen willst (statischeIP = true).

Die IP-Adresse wird im Seriellen Monitor angezeigt, du musst sie in der Adresszeile eines Browsers deiner Wahl eingeben.

In der Funktion SeiteBauen() wird die Seite zusammengesetzt. Der String Seite enthält dabei die HTML-Elemente. Jedes neue Elemente wird dem String hinzugefügt (+=).

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


// 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() 
{
  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()
{
  // Seite "zusammenbauen"
  String Seite = "";
  Seite += "<h1>Webserver gestartet</h1>";
  Seite += "";

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

#ifdef ESP8266

#include “ESP8266WebServer.h”

ESP8266WebServer Server(80);

#else

#include “WiFi.h”

#include “WebServer.h”

WebServer Server(80);

#endif

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

{

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

{

// Seite “zusammenbauen”

String Seite = “”;

Seite += “<h1>Webserver gestartet</h1>”;

Seite += “”;

// Seite anzeigen

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

}

Letzte Aktualisierung: Nov. 12, 2025 @ 19:56