Serveur Web Arduino Uno WiFi : Commander une LED via Navigateur

Composants et fournitures

Composant	Quantité
Arduino UNO WiFi	1
LED	1
Résistance 220 Ω	1
Fils et breadboard	1

À propos du projet

WebServerBlink

Cet exemple montre comment réaliser un serveur web simple avec un Arduino UNO WiFi pour commander l'allumage/extinction d'une LED.

1. Matériel

• Arduino UNO WiFi
• LED
• Résistance 220 Ω
• Fils
• Breadboard

2. Câblage

Utilisez la LED intégrée sur la pin 13, ou une LED externe : anode (patte la plus longue) en série avec la résistance 220 Ω sur la pin 13, cathode sur GND.

3. Code

Téléversez le code ci-dessous et accédez via navigateur à :

• https://<IP>/arduino/webserver/
• 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); // Important pour terminer la communication
}

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. Résultat

Ouvrez un navigateur et tapez l'URL du serveur. Vous verrez deux boutons :

• ON – Allume la LED (pin 13)
• OFF – Éteint la LED

Vous pouvez aussi commander la LED depuis le panneau web d'administration de l'Arduino UNO WiFi.

Note : Utilisez l'adresse IP ou hostname.local de votre carte dans le navigateur pour accéder au panneau web.

Schémas