ESP8266 - WebServer - Encender LED desde navegador

ESP8266

WebServer

Encender LED desde navegador

---

Una de las cosas que mejor puede hacer el ESP8266 es de un mini servidor web.
El montaje que vamos hacer es el de encender 4 LED desde el navegador.





En el programa que proporciono se debe cambiar el nombre de vuesto router y la contraseña Wifi

#ifndef STASSID
#define STASSID "router"
#define STAPSK  "contraseña"
#endif

Veremos en el terminal serie la IP que tiene nuestra placa.
Connected to setamodem3
IP address: 192.168.1.134
MDNS responder started
HTTP server started

Ahora en nuestro navegador tecleamos:
http://192.168.1.134/

En nuestro navegador veremos la siguiente página.


Aquí podemos encender y apagar los 4 LED desde cualquier navegador dentro de nuestra red.

Surgen dos problemas, debemos saber la IP que nos ha dado el router, y el modo texto es poco practico además de ser demasiado espartado.
Lo primero lo arreglamos cambiando en el programa lo siguiente:

IPAddress ip(192,168,1,200);    
IPAddress gateway(192,168,1,1);  
IPAddress subnet(255,255,255,0);

Debemos saber en que rango de direcciones esta nuestro router, en mi caso es 192.168.1.[0-254].
Para mi montaje he indicado la IP 192.168.1.200 , es una dirección lo suficiente alta para que no la dé automáticamente el router.

Para hacer nuestro interface mas agradable, he utilizado botones de colores para encender y apagar nuestros LED.



Como podemos ver la página es ahora bastante mas atractiva.

Y ya si queremos utilizar gráficos para representar a los LED.



Espero que les guste este montaje.

PROGRAMA

Saludos.
Juan Galaz

Bibliografía:

https://polaridad.es/
https://www.luisllamas.es/encender-y-apagar-un-led-en-el-esp8266-con-un-formulario-web/
https://www.instructables.com/id/Quick-Start-to-Nodemcu-ESP8266-on-Arduino-IDE/

https://randomnerdtutorials.com/projects/#esp8266
https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/
https://www.prometec.net/esp8266-pluggin-arduino-ide/