WebServerBlink avec Arduino Uno WiFi

À propos de ce projet

WebServerBlink

Dans cet exemple démonstratif, il est montré comment réaliser un serveur Web simple, en utilisant un Arduino UNO WiFi, pour commander l'interrupteur ON/OFF d'une LED.

1. Matériel

• Arduino UNO Wi-Fi
• Conduit
• Résistance 220Ω
• fil
• Planche à pain

2.Circuit

Vous pouvez utiliser la LED L intégrée sur la broche 13 ou en utiliser une autre, dans ce cas, connectez l'anode LED (généralement la broche la plus longue) en série à une résistance de 220Ω et connectez-la à la broche 13 de la carte.

Après avoir connecté la cathode à GND, comme indiqué sur l'image.

Branchez maintenant la carte au PC et téléchargez les croquis ci-dessous.

3.Code

Téléchargez le code ci-dessous et accédez via le navigateur à http:///arduino/webserver/ ou http://.local/arduino/webserver/ pour lire les valeurs des capteurs.

#include #include /*sur votre borwser, vous tapez http:///arduino/webserver/ ou http://.local /arduino/webserver/http://www.arduino.org/learning/tutorials/webserverblink*/void setup() { pinMode(13,OUTPUT); Wifi.begin(); Wifi.println("Le serveur Web est en service"); }boucle vide() { while(Wifi.available()){ process(Wifi); } delay(50);}void process(WifiData client) { // lire la commande String command =client.readStringUntil('/'); // est une commande "numérique" ? if (commande =="webserver") { WebServer(client); } if (commande =="digital") { digitalCommand(client); }}void WebServer(client WifiData) { client.println("HTTP/1.1 200 OK"); client.println("Type de contenu :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); // très important pour mettre fin à la communication !!! } void digitalCommand (client WifiData) { int pin, value ; // Lecture du numéro de broche pin =client.parseInt(); // Si le caractère suivant est un '/', cela signifie que nous avons une URL // avec une valeur comme :"/digital/13/1" if (client.read() =='/') { value =client. parseInt(); digitalWrite(broche, valeur); } // Envoyer des commentaires au client client.println("Status :200 OK\n"); client.print(F("Broche D")); client.print(pin); client.print(F(" défini sur ")); client.print(valeur); client.print(EOL); //caractère de terminaison} 

4.SORTIE

• Ouvrez un navigateur et saisissez :http:///arduino/webserver/ ou http://.local/arduino/webserver/

• Cliquez sur ON pour ALLUMER la LED 13 :

• Cliquez sur OFF pour éteindre la LED 13 :

• Vous pouvez également commander la LED à partir du panneau Web, comme indiqué dans l'image ci-dessous :

Remarque :

Tapez l'adresse IP ou le nom d'hôte.local/ de votre carte dans le navigateur pour accéder au panneau Web Arduino UNO WiFi.

Code

• Serveur Web

Serveur WebC/C++

#include #include /*sur votre borwser, vous tapez http:///arduino/webserver/ ou http://.local/arduino/ webserver/ http://www.arduino.org/learning/tutorials/webserverblink */void setup() { pinMode(13,OUTPUT); Wifi.begin(); Wifi.println("Le serveur Web est en service"); }boucle vide() { while(Wifi.available()){ process(Wifi); } delay(50);} void process(WifiData client) { // lire la commande String command =client.readStringUntil('/'); // est une commande "numérique" ? if (commande =="webserver") { WebServer(client); } if (commande =="digital") { digitalCommand(client); }} void WebServer(client WifiData) { client.println("HTTP/1.1 200 OK"); client.println("Type de contenu :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); // très important pour mettre fin à la communication !!! } void digitalCommand (client WifiData) { int pin, value; // Lecture du numéro de broche pin =client.parseInt(); // Si le caractère suivant est un '/', cela signifie que nous avons une URL // avec une valeur comme :"/digital/13/1" if (client.read() =='/') { value =client. parseInt(); digitalWrite(broche, valeur); } // Envoyer des commentaires au client client.println("Status :200 OK\n"); client.print(F("Broche D")); client.print(pin); client.print(F(" défini sur ")); client.print(valeur); client.print(EOL); //caractère de terminaison }

Schémas