Mostrando entradas con la etiqueta navegador. Mostrar todas las entradas
Mostrando entradas con la etiqueta navegador. Mostrar todas las entradas

sábado, 18 de enero de 2020

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/


viernes, 19 de julio de 2019

Arduino - Gambas - Control entradas salidas - Navegador.

Página principal

Arduino
Gambas
Control entradas salidas.
Control mediante navegador.


En el anterior montaje solo se podía ver los estados de pin a través del navegador.
Ahora ya se puede cambiar los estados desde el navegador del PC o Móvil.

Circuito montado.


Programa gambas. 5 entradas analógicas, 12 salidas digitales.


Versión con textos. Arsetav3.


Versión con botones. Arsetav3b.

El mayor problema de controlar mediante navegador, es que en algún caso se ven diminutos los botones.
Que cada uno elija la versión que le resulte mas útil a su proyecto.

Como podéis observar en el montaje he utilizado un arduino nano, y para la representación el arduino uno.
Las pruebas las he realizado en las dos placa de arduino, funcionando perfectamente en ambas.
Aunque el arduino nano tiene A6 y A7 no las he empleado por compatibilidad con el arduino uno

La actualización de los datos desde que se cambia un valor hasta que se ve reflejado es de 1 segundo.
Se puede mejorar aumentando la velocidad en Baudios y el tiempo de retardo, para este montaje no hace falta mucha velocidad, por lo que lo he dejado así.
En el navegador web si queremos ver los datos actualizados, debemos actualizar la página web, aunque se actualiza automáticamente cada 120 segundos.


PROGRAMA

Saludos.
Juan Galaz



Bibliografía:

Arduino_Uno 1.0.1  programado por Rolfdahl-skogstade