Servidor Web con ESP8266
Para esta publicación tomaremos como referencia 2 publicaciones realizadas con anterioridad en nuestro canal de robotica infantil, que consiste en la explicación del Microcontrolador ESP8266 y del uso de este con el IDE de Arduino.
ESP8266 con sensor de temperatura y humedad DHT11 usando el IDE de Arduino
Ya que tenemos configurado el IDE de Arduino y que conectamos el ESP8266 con el led y el sensor de temperatura y humedad DHT11, vamos a descargar el primer código del servidor que básicamente consiste en encender y apagar el LED por medio de una Pagina Web en nuestra red local.
Código 1:
https://github.com/iarobotixyz/Arduino/blob/master/ESP8266/Servidor%20Web/ESP8266_Server_Ejemplo.ino
Led encendido via Monitor Serial
Led Apagado via Monitor Serial
Resultado del código 1 visto desde un navegador en la misma red local:
El siguiente paso que tenemos que hacer es agregar las variables del código que hicimos con el DHT11 para que envíe los valores de temperatura y humedad y las podamos observar en nuestro navegador web.
Para esto vamos a descargar el siguiente código , donde ya implementamos el envío de temperatura y humedad vía web.
Código 2:
Codificacion UTF8
client.println("<meta name=\"tipo_contenido\" content=\"text/html;\" http-equiv=\"content-type\" charset=\"utf-8\">");
Es muy importante agregar en el html la codificación, ya que puede presentar la siguiente diferencia:
Resultado final del Código 2:
Sin UTF8
Con UTF8
Recomiendo tener el conocimiento básico en HTML para que puedas dar un estilo y aspecto deseado en tus proyectos.
Comentarios
Publicar un comentario