Arduino Uno WiFi Webserver: LED aan/uit schakelen via browser

Onderdelen en benodigdheden

Over dit project

Deze demonstratie toont hoe je een eenvoudige webserver realiseert met een Arduino UNO WiFi om een LED in/uit te schakelen.

1. Hardware

• Arduino UNO WiFi
• LED
• 220Ω weerstand
• Draadjes
• Breadboard

2. Schakeling

Je kunt de ingebouwde L-LED op pin 13 gebruiken of een externe LED. Voor een externe LED: verbind de anode (langere poot) in serie met de 220Ω weerstand met pin 13, en de kathode met GND.

Sluit de board aan op de PC en upload de sketch.

3. Code

Upload de code en open in je browser: https://<IP>/arduino/webserver/ of https://<hostname>.local/arduino/webserver/

#include 
#include 

/* Browser: https:///arduino/webserver/ of https://.local/arduino/webserver/ */

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); // Essentieel om communicatie te beëindigen
}

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. Resultaat

• Open browser en ga naar: https://<IP>/arduino/webserver/ of https://<hostname>.local/arduino/webserver/

• Klik ON om LED 13 aan te zetten:

• Klik OFF om LED 13 uit te zetten:

• Je kunt de LED ook vanuit het web-paneel besturen:

Let op: Gebruik het IP-adres of hostname.local van je board in de browser om toegang te krijgen tot het Arduino UNO WiFi web-paneel.

Schema