Tresavis

          
         
//Per mitjansant la web, es vol encendre i apagar
//una bombilla conectada a 220V.
//components: NodeMCU, Relay i bombilla a 220V

//llibreries
#include <ESP8266WiFi.h>                   

//la nostre wifi
const char* ssid = "mirablau";       
const char* password = "Cla1DeCasa";
//el nostre servidor utilitza el port 80    
WiFiServer server(80);                   

 //definim el pin del relay
#define pinRelay D1  

//estat en que es troba la bombilla                
int estat = LOW;                         

/////////////////////  setup()  ////////////////////////////////
void setup() {
  //inicialitze el port serie a 115200 baudis
  Serial.begin(115200);

  // el pinRelay es de sortida i low
  pinMode(pinRelay, OUTPUT);              
  digitalWrite(pinRelay, LOW);            

  //iniciatitzem la WiFi
  WiFi.begin(ssid, password);
             
  Serial.printf("\n\nConnectat a la xarxa: %s\n", WiFi.SSID().c_str());
  //mentres no es connecta a la WiFi escriu punts.
  while (WiFi.status() != WL_CONNECTED) { 
    delay(500);
    Serial.print(".");                    
  }
  Serial.println("");
  Serial.println("WiFi connectada");       

  //inicialitzem el servidor
  server.begin();    
  Serial.println("Servidor inicialitzat");
 
 Serial.printf("\n\nURL obtinguda per el servidor: http://%s/\n", WiFi.localIP().toString().c_str());
} 

//////////////////////////////// loop() //////////////////////////////////////
void loop() {
  // el servidor espera un client
  //si no hi ha client, torna ha començar el bucle
  WiFiClient client = server.available();  
  if (!client) {
    return;
  }
 
  //hi ha client
  Serial.println("nou client");
  while(!client.available()){
    delay(1);
  }
 
  //llegim la peticio del client
  String peticio = client.readStringUntil('\r');
  Serial.println(peticio);
  client.flush();
  //analitzem la peticio
  // si la peticio conté al subcadena '/LED=ON' 
  if (peticio.indexOf('/LED=ON') != -1) {
    estat = LOW;
  }
  // si la peticio conté la subcadena '/LED=OFF' 
  if (peticio.indexOf('/LED=OFF') != -1){
    estat = HIGH;
  }
  //encenem o apagem depanent del estat
  digitalWrite(pinRelay, estat);
 
  //construim la web, codi HTML
  client.println("HTTP/1.1 200 OK");
  client.println("");                         
  client.println("");
  client.println("");
  client.println("");

  client.print("<h1 align=center>CONTROL LLUM DE CASA ");

  //si està encesa, el butó mostra la imatge OFF i al clicar-lo envia ON
  //el servidor al rebre la petició ON possa el estat en HIGH
  //altrament lo contrari
  if(estat == HIGH) {
    client.print("<input type='image' src='https://i.imgur.com/00i0BdB.jpg'" );
    client.print("style='display:block; margin:auto' width='30%' onClick=location.href='/LED=ON'>");
  }else{ 
    client.print("<input type='image' src='https://i.imgur.com/uQxhFE5.jpg'"); 
    client.print("style='display:block; margin:auto' width='30%' onClick=location.href='/LED=OFF'>");
  }
 
 client.println("</html>");
 delay(1);
 Serial.println("Petició finalitzada"); 
 //es queda a espera de una nova petició.
 Serial.println("");
 
}