Arduino UNO WiFi Webserver: LED per Browser steuern

Komponenten und Zubehör

Über dieses Projekt

Dieses demonstrierende Beispiel zeigt, wie man einen einfachen Webserver mit einem Arduino UNO WiFi realisiert, um eine LED ein- und auszuschalten.

1. Hardware

• Arduino UNO WiFi
• LED
• 220 Ω Widerstand
• Jumper-Kabel
• Steckbrett

2. Schaltung

Sie können die integrierte L-LED an Pin 13 verwenden oder eine externe LED: Anode (längeres Beinchen) in Reihe mit 220 Ω Widerstand an Pin 13, Kathode an GND.

Board per USB mit PC verbinden und den Sketch hochladen.

3. Code

Nach dem Hochladen im Browser aufrufen: https://<IP>/arduino/webserver/ oder https://<hostname>.local/arduino/webserver/

#include 
#include 

void setup() {
  pinMode(13, OUTPUT);
  Wifi.begin();
  Wifi.println("WebServer Server is up");
}

void loop() {
  while (Wifi.available()) {
    process(Wifi);
  }
  delay(50);
}

void process(WifiData client) {
  String command = client.readStringUntil('/');
  if (command == "webserver") WebServer(client);
  if (command == "digital") digitalCommand(client);
}

void WebServer(WifiData client) {
  client.println("HTTP/1.1 200 OK");
  client.println("Content-Type: text/html");
  client.println();
  client.println("");
  client.println("");
  client.print("");
  client.print("Clickpin13 ON
");
  client.print("Clickpin13 OFF
");
  client.print("");
  client.println("");
  client.print(DELIMITER); // Wichtig: Kommunikation beenden!
}

void digitalCommand(WifiData client) {
  int pin = client.parseInt();
  if (client.read() == '/') {
    int value = client.parseInt();
    digitalWrite(pin, value);
  }
  client.println("Status: 200 OK\n");
  client.print(F("Pin D"));
  client.print(pin);
  client.print(F(" set to "));
  client.print(value);
  client.print(EOL);
}

4. Ausgabe / Bedienung

1. Browser öffnen und https://<IP>/arduino/webserver/ oder https://<hostname>.local/arduino/webserver/ eingeben
2. Webseite mit zwei Buttons erscheint: ON und OFF
3. Klick auf ON → LED an Pin 13 leuchtet
4. Klick auf OFF → LED erlischt

Hinweis: Die IP-Adresse oder der Hostname (.local) des Boards im Browser eingeben, um auf das Arduino UNO WiFi Web-Panel zuzugreifen.

Schaltplan