// Load Wi-Fi library
#include "WiFiEsp.h" // https://github.com/bportaluri/WiFiEsp
// on défini une 2eme com serie en D0 et D1 pour communiquer avec l'ESP
HardwareSerial ESP(D0, D1); // RX, TX
char ssid[] = "XXXXX"; // Votre réseau wifi
char pass[] = "YYYYY"; // Votre mdp du réseau wifi
int status = WL_IDLE_STATUS; // l'état du réseau wifi
WiFiEspServer serveur(80); // On definit le serveur web sur le port 80
// Variable pour stocker la requète HTTP
String header;
// Variables pour stocker l'état des led
String LED1State = "off";
String LED2State = "off";
unsigned long currentTime = millis();
unsigned long previousTime = 0;
const long timeoutTime = 2000;
void setup() {
Serial.begin(115200); // On démmarre la com série avec le pc a 115200 baud
ESP.begin(115200); // On démmarre la com série avec l'ESP a 115200 baud
WiFi.init(&ESP); // On initialisle la connection au réseau
// On déclare les LED1 et LED2 en sortie (2 leds vertes presente sur la discovery)
pinMode(LED1, OUTPUT);
pinMode(LED2, OUTPUT);
// On les éteint (logic invesée pour ces leds)
digitalWrite(LED1, LOW);
digitalWrite(LED2, LOW);
WiFi.init(&ESP); // On initialisle la connection au réseau
// On test si on a le réseau à travers l'esp
if (WiFi.status() == WL_NO_SHIELD) {
Serial.println("Je tourve pas l'ESP");
while (true); // On ne continue pas
}
// On essaye de se connécter au réseau wifi
while ( status != WL_CONNECTED) {
Serial.print("J'essaye de me connecter au réseau wifi : ");
Serial.println(ssid);
status = WiFi.begin(ssid, pass);
}
// On affiche les infos de connexions
Serial.print("Connécté à : ");
Serial.println(WiFi.SSID());
IPAddress ip = WiFi.localIP();
Serial.print("Mon ip est : ");
Serial.println(ip);
// on démmarre le serveur web
serveur.begin();
}
void loop(){
WiFiEspClient client = serveur.available(); // On écoute si un client arrive
if (client) { // si un client se connecte
Serial.println("New Client.");
String currentLine = ""; // on crée une varaible pour stocker le message
currentTime = millis();
previousTime = currentTime;
while (client.connected() && currentTime - previousTime <= timeoutTime) { // tant qu'un client est connecté
currentTime = millis();
if (client.available()) { // si on reçoit quelue chose
char c = client.read(); // on lit ce qui arrive
Serial.write(c); // on l'ecrit sur la com serie du pc
header += c; // on ajoute les caractères dans la variable header
if (c == '\n') { // si le caractère '\n' arrive
// fin du header, on peut envoyer la reponse
if (currentLine.length() == 0) {
// Les en-têtes HTTP commencent toujours par un code de réponse (par exemple HTTP / 1.1 200 OK)
// et un type de contenu pour que le client sache ce qui arrive, puis une ligne vierge:
client.println("HTTP/1.1 200 OK");
client.println("Content-type:text/html");
client.println("Connection: close");
client.println();
// si le header contient
if (header.indexOf("GET /LED1/on") >= 0) {
Serial.println("LED1 on");
LED1State = "on";
digitalWrite(LED1, HIGH);
} else if (header.indexOf("GET /LED1/off") >= 0) {
Serial.println("LED1 off");
LED1State = "off";
digitalWrite(LED1, LOW);
} else if (header.indexOf("GET /LED2/on") >= 0) {
Serial.println("LED2 on");
LED2State = "on";
digitalWrite(LED2, HIGH);
} else if (header.indexOf("GET /LED2/off") >= 0) {
Serial.println("LED2 off");
LED2State = "off";
digitalWrite(LED2, LOW);
}
// On affiche la page web
client.println("<!DOCTYPE html><html>");
client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
client.println("<link rel=\"icon\" href=\"data:,\">");
client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto;}");
client.println("h1 {text-align: center;}");
client.println(".conteneur {display: flex; flex-direction: row; justify-content: space-around; align-items: center; text-align: center; vertical-align: middle; width: 60%; margin-left: 20%; margin-top: 5%;}");
client.println(".element {margin: auto; text-align: center;}");
client.println(".bouton { background-color: #90EE90; color: black; padding: 16px 40px; border-color: black; border-radius: 25pt;");
client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
client.println(".bouton2 {background-color: #EE9190;}</style>");
client.println("<script>");
client.println("</script></head>");
client.println("<body><h1>Nuclea-64 ESP01 Web GPIO Server</h1>");
client.println("<div class=\"conteneur\">");
client.println("<div class=\"element\">");
// Affiche l'état de la led et le bouton en fonction de l'etat de la led
client.println("<p>LED1 " + LED1State + "</p>");
// Si LED1 est off, on affiche le bouton ON
if (LED1State=="off") {
client.println("<p><a href=\"/LED1/on\"><button class=\"bouton\">ON</button></a></p>");
} else {
client.println("<p><a href=\"/LED1/off\"><button class=\"bouton bouton2\">OFF</button></a></p>");
}
client.println("</div>");
client.println("<div class=\"element\">");
// Si LED2 est off, on affiche le bouton ON
client.println("<p>LED2 " + LED2State + "</p>");
// Si LED2 est off, on affiche le bouton ON
if (LED2State=="off") {
client.println("<p><a href=\"/LED2/on\"><button class=\"bouton\">ON</button></a></p>");
} else {
client.println("<p><a href=\"/LED2/off\"><button class=\"bouton bouton2\">OFF</button></a></p>");
}
client.println("</div>");
client.println("</div>");
client.println("</body></html>");
// Fin de la réponse HTTP après la ligne vide
client.println();
// On sort de la boucle du client connecté
break;
} else { // On vide currentLine
currentLine = "";
}
} else if (c != '\r') { // si vous avez autre chose qu'un caractère retour chariot
currentLine += c; // on l'ajoute à currentLine
}
}
}
// On vide header
header = "";
// On ferme la connection
client.stop();
Serial.println("Client disconnected.");
Serial.println("");
}
}