MicroPython - ESP32 - ESP8266 Con Servidor Web DHT11 - DHT22 - Tutoriales Aleatorios de Nerds

28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds
MicroPython: ESP32 / ESP8266 con servidor web DHT11 /

DHT22 (estación meteorológica)
En este tutorial, aprenderá a crear un servidor web simple con ESP32 o ESP8266 para mostrar lecturas de los sensores
de temperatura y humedad DHT11 o DHT22.
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  
https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 1/40
Para obtener una introducción a los sensores de temperatura y humedad DHT11 / DHT22 con MicroPython, lea la
siguiente guía:
MicroPython: ESP32 / ESP8266 con sensor de temperatura y humedad DHT11 / DHT22
Requisitos previos: MicroPython parpadeante

Para seguir este tutorial, necesita el rmware MicroPython instalado en sus placas ESP32 o ESP8266. También necesita
un IDE para escribir y cargar el código en su tablero. Sugerimos usar Thonny IDE o uPyCraft IDE:
Thonny IDE:
Instalación y primeros pasos con Thonny IDE
Actualización del rmware de MicroPython con esptool.py
IDE de uPyCraft:
Instale uPyCraft IDE ( Windows , Mac OS X , Linux )
Flash / Cargar rmware MicroPython a ESP32 y ESP8266
Piezas necesarias
Para seguir este tutorial, debe conectar el sensor DHT11 o DHT22 al ESP32 o ESP8266. Necesita usar una resistencia pull-
up de 10k Ohm.
Aquí hay una lista de piezas que necesita para construir el circuito:
ESP32 o ESP8266 (lea ESP32 vs ESP8266 )

Sensor de temperatura y humedad
EBooks gratuitos DHT11
Sobreo DHT22
Contacto Cursos Iniciar sesión Obtener cursos  
Resistencia de 10k Ohm

Tablero de circuitos
Cables de puente
Puede utilizar los enlaces anteriores o ir directamente a MakerAdvisor.com/tools para encontrar todas las piezas para
sus proyectos al mejor precio.
Esquema: ESP32 con DHT11 / DHT22

Conecte el sensor DHT22 o DHT11 a la placa de desarrollo ESP32 como se muestra en el siguiente diagrama
esquemático.
En este ejemplo, estamos conectando el pin de datos DHT a GPIO 14 . Sin embargo, puede utilizar cualquier otro pin
digital adecuado.
Aprenda a usar los GPIO ESP32 con nuestra guía: Referencia de distribución de pines ESP32: ¿Qué pines GPIO debería
usar?
Esquema: ESP8266 con DHT11 / DHT22

Siga el siguiente tutorial si está utilizando una placa ESP8266.
Código
Para este proyecto, necesitará un archivo boot.py y un archivo main.py. El archivo boot.py contiene el código que solo
necesita ejecutarse una vez en el arranque. Esto incluye la importación de bibliotecas, credenciales de red, creación de
instancias de pines, conexión a su red y otras con guraciones.
El archivo main.py contiene el código que ejecuta el servidor web para servir archivos y realizar tareas en función de las
solicitudes recibidas por el cliente.
boot.py
Cree un nuevo archivo en su MicroPython IDE. Copie el siguiente código en su archivo boot.py.
# Complete project details at https://RandomNerdTutorials.com
try:
import usocket as socket
except:
import socket
import network
from machine import Pin
import dht
import esp EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  
esp.osdebug(None)
esp.osdebug(None)
import gc
gc.collect()
ssid = 'REPLACE_WITH_YOUR_SSID'
password = 'REPLACE_WITH_YOUR_PASSWORD'
station = network.WLAN(network.STA_IF)
station.active(True)
station.connect(ssid, password)
while station.isconnected() == False:

pass
Ver código sin formato
Hemos cubierto con gran detalle el código del servidor web en un tutorial anterior . Entonces, solo echaremos un vistazo
a las partes relevantes para este ejemplo.
Importe las bibliotecas necesarias para crear un servidor web.
try:
import usocket as socket
except:
import socket EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  
import network
Importar el Alfiler clase de la máquina módulo y el dht módulo para leer desde el sensor DHT.
from machine import Pin

import dht
También necesita inicializar el sensor creando un dht instancia en GPIO 14 como sigue:
sensor = dht.DHT22(Pin(14))
Si está utilizando un sensor DHT11, descomente la siguiente línea y comente la anterior:
sensor = dht.DHT11(Pin(14))
No olvide agregar sus credenciales de red en las siguientes líneas:
ssid = 'REPLACE_WITH_YOUR_SSID'
password = 'REPLACE_WITH_YOUR_PASSWORD'
main.py
Copie el siguiente código en su archivo main.py.
# Complete project details at https://RandomNerdTutorials.com
def read_sensor():
global temp, hum
temp = hum = 0
try:
sensor.measure()
temp = sensor.temperature()
hum = sensor.humidity()
if (isinstance(temp, float) and isinstance(hum, float)) or (isinstance(temp, int) and isinstance(hum, int)):
msg = (b'{0:3.1f},{1:3.1f}'.format(temp, hum))
# uncomment for Fahrenheit

#temp = temp * (9/5) + 32.0
hum = round(hum, 2)
return(msg)
else:
return('Invalid sensor readings.')
except OSError as e:
return('Failed to read sensor.')
def web_page():
html = """<!DOCTYPE HTML><html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
Ver código sin formato
Leyendo el sensor DHT
Primero, crea una función llamada read_sensor () que lee temperatura y humedad. Puede usar esa función en
cualquier otro proyecto en el que necesite tomar lecturas de sensores de sensores DHT.
def read_sensor():
La función comienza creando dos variables globales, por lo que podemos usarlas en todas las partes del script (se inician
como 0).
global temp, hum

temp = hum = 0
los temperatura La variable mantiene la temperatura leída por el sensor y la tararear mantiene la humedad leída por
el sensor.
A continuación, use tratar y excepto declaraciones. Dentro de tratar declaración intentamos obtener los valores de
temperatura y humedad.
Nota: try y except nos permite continuar la ejecución del programa cuando ocurre una excepción. Por ejemplo,
cuando ocurre un error, la ejecución del código de un bloque try se detiene y se trans ere al bloque except. En
nuestro ejemplo, la excepción es especialmente útil para evitar que el servidor web se bloquee cuando no podemos
leer desde el sensor.
Medimos el sensor usando el la medida() método en el sensor objeto.
try:
sensor.measure()
Luego, lea la temperatura con sensor.temperature () y la humedad con sensor.humedad () . Guarde esas lecturas
en el temperatura y tararear variables.
temp = sensor.temperature()
hum = sensor.humidity()
Las lecturas válidas de temperatura y humedad deben ser de tipo otante (si está usando un sensor DHT22) o tipo int (si
está usando un sensor DHT11). Entonces, veri camos si tenemos lecturas válidas usando el isinstance () funcionar
antes de continuar.
if (isinstance(temp, float) and isinstance(hum, float)) or (isinstance(temp, int) and isinstance(hum,int)):
Nota: el isinstance () La función acepta como argumentos la variable y el tipo de datos:

isinstance (variable, tipo de datos). Vuelve Cierto si la variable corresponde al tipo de datos insertado y
Falso si no es así.
Si las lecturas son válidas, prepare un mensaje para imprimir en la carcasa que incluya las lecturas de temperatura y
humedad:
msg = (b'{0:3.1f},{1:3.1f}'.format(temp, hum))
Si desea mostrar la temperatura en Fahrenheit, descomente la siguiente línea:
#temp = temp * (9/5) + 32.0
Redondea la lectura de humedad a dos puntos decimales. Esto se imprimirá más tarde en la página del servidor web.
hum = round(hum, 2)
Finalmente, devuelva el mensaje con la temperatura y la humedad:
return(msg)
En caso de que no obtengamos lecturas de sensor válidas (no de tipo otante), devolvemos
Lecturas de sensor no válidas. mensaje.
else:
return('Invalid sensor readings.')
En caso de que no podamos leer desde el sensor (por ejemplo, en caso de que se desconecte), devuelva un mensaje de
error.
except OSError as e:
return('Failed to read sensor.')
Página web
los Página web() La función devuelve la página HTML. Revisaremos cada línea del HTML y veremos qué hace.
La siguiente etiqueta <meta> hace que su página web responda en cualquier navegador.
<meta name="viewport" content="width=device-width, initial-scale=1">
La etiqueta <link> es necesaria para cargar los iconos utilizados en la página web desde el sitio web fontawesome.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyT
Estilos
Entre las etiquetas <style> </style> , agregamos algo de CSS para darle estilo a la página web.
<style>
html {
font-family: Arial;
display: inline-block;
margin: 0px auto;
text-align: center;
}
h2 { font-size: 3.0rem; }
p { font-size: 3.0rem; }
.units { font-size: 1.2rem; }
.dht-labels{
font-size: 1.5rem;
vertical-align:middle;
padding-bottom: 15px;
}
</style> EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  
Básicamente, estamos con gurando la página HTML para que muestre el texto con fuente Arial en un bloque sin margen
y alineado en el centro.
html {
font-family: Arial;
display: inline-block;
margin: 0px auto;
text-align: center;
}
Establecemos el tamaño de fuente para el encabezado ( h2 ), párrafo ( pag ) y las unidades ( .unidades ) de las lecturas.
h2 { font-size: 3.0rem; }
p { font-size: 3.0rem; }
.units { font-size: 1.2rem; }
Las etiquetas para las lecturas tienen el estilo que se muestra a continuación:
dht-labels {
font-size: 1.5rem;
vertical-align:middle;
padding-bottom: 15px;
}
Todas las etiquetas anteriores deben ir entre las etiquetas <head> y </head> . Estas etiquetas se utilizan para incluir
contenido que no es directamente visible para el usuario, como las etiquetas <meta> , <link> y los estilos.
Cuerpo HTML
Dentro de las etiquetas <body> </body> es donde agregamos el contenido de la página web.
Las etiquetas <h2> </h2> agregan un encabezado a la página web. En este caso, el texto “servidor DHT ESP”, pero puede
agregar cualquier otro texto.
<h2>ESP DHT Server</h2>
Luego, hay dos párrafos. Uno para mostrar la temperatura y el otro para mostrar la humedad. Los párrafos están
delimitados por las etiquetas y . El párrafo para la temperatura es el siguiente:


Temperature
"""+str(temp)+"""
°C

Y el párrafo de la humedad está en el siguiente fragmento:


Humidity
"""+str(hum)+"""
%

Las etiquetas muestran los increíbles iconos de fuente.
Cómo mostrar iconos
Para elegir los iconos, vaya al sitio web Font Awesome Icons .
Busque el icono que está buscando. Por ejemplo, "termómetro".
Haga clic en el icono deseado. Luego, solo necesita copiar el texto HTML proporcionado.

Para elegir el color, basta con pasar el estilo parámetro con el color en hexadecimal, de la siguiente manera:
Continuando con el texto HTML…

La siguiente línea escribe la palabra "Temperatura" en la página web.
Temperature
Después de eso, agregamos el valor de temperatura real a la página HTML concatenando el temperatura variable como
se muestra a continuación.
"""+str(temp)+"""
Finalmente, agregamos el símbolo de grado.
°C
Las etiquetas hacen que el texto sea superíndice.
Usamos el mismo enfoque para el párrafo de humedad.

Humidity
"""+str(hum)+"""
%

Creando el servidor web
Después de eso, realice los procedimientos habituales para crear un servidor de socket.
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 80))
s.listen(5)
while True:
conn, addr = s.accept()
print('Got a connection from %s' % str(addr))
request = conn.recv(1024)
print('Content = %s' % str(request))
sensor_readings = read_sensor()
print(sensor_readings)
response = web_page()
conn.send('HTTP/1.1 200 OK\n')
conn.send('Content-Type: text/html\n')
conn.send('Connection: close\n\n')
conn.sendall(response)
conn.close()
Para obtener una explicación detallada de este procedimiento, consulte este tutorial .
En el mientras bucle, cuando llamamos al read_sensor () función para imprimir las lecturas del sensor y actualizar
las variables globales temperatura y tararear .
sensor_readings = read_sensor()
print(sensor_readings)
Entonces el Página web() La función genera texto HTML con las últimas lecturas del sensor.
response = web_page()
Subiendo el código
Después de copiar el código y realizar los cambios necesarios, puede cargar el código en su ESP32 o ESP8266.
Primero, cargue el archivo boot.py y luego el archivo main.py en su ESP32 o ESP8266.
Si está utilizando Thonny IDE, solo tiene que ir a Dispositivo > Cargar secuencia de comandos actual como
secuencia de comandos de arranque o Cargar secuencia de comandos actual como secuencia de comandos
principal . Después de cargar el código, presione el botón RESET integrado del ESP.
La dirección IP ESP32 o ESP8266 debe estar impresa en MicroPython Shell.

Si está utilizando uPyCraft IDE y tiene problemas para cargar el código, vaya al siguiente tutorial y desplácese hacia
abajo hasta la sección "Ejecución de su primer script": Introducción a MicroPython en ESP32 y ESP8266 .
¿Problemas para cargar el código con Thonny IDE? Vaya a este tutorial y desplácese hasta la sección Consejos para la
resolución de problemas de Thonny IDE .
Demostración
Abra su navegador y escriba la dirección IP de ESP. Debe acceder a la página web con las últimas lecturas del sensor:
Al mismo tiempo, puede ver en el MicroPython Shell lo que está sucediendo en segundo plano.
Para obtener las últimas lecturas del sensor, solo necesita actualizar la página web.
Solución de problemas
Si su sensor DHT no obtiene las lecturas, lea nuestra Guía de resolución de problemas de DHT para ayudarlo a
solucionar el problema.
Terminando
Para crear un servidor web que muestre las lecturas de temperatura y humedad, solo necesita concatenar las variables
que contienen las lecturas del sensor con el texto HTML. Asegúrese de obtener las lecturas del sensor antes de mostrar
la página web, para que siempre tenga la temperatura y la humedad actualizadas.
Esperamos que este tutorial le haya resultado útil. Si desea obtener más información sobre MicroPython con ESP32 y
ESP8266, eche un vistazo a nuestro libro electrónico:
Programación MicroPython con ESP32 y ESP8266 eBook
También te pueden gustar los siguientes tutoriales:
GPIO ESP32 / ESP8266 explicados con MicroPython

Lecturas analógicas ESP32 / ESP8266 con MicroPython
ESP32 / ESP8266 PWM con MicroPython - Dim LED
Servidor web ESP32 / ESP8266 MicroPython - Salidas de control
Gracias por leer.
[eBook] Cree servidores web con ESP32 y ESP8266 (2.ª edición)

Cree proyectos de servidor web con las placas ESP32 y ESP8266 para controlar salidas y
monitorear sensores de forma remota. Aprenda HTML, CSS, JavaScript y protocolos de
comunicación cliente-servidor DESCARGAR »
Recursos recomendados

Cree un sistema de Proyectos paso a paso de Arduino »
automatización del hogar desde Domótica usando el eBook y curso Cree 25 proyectos de Arduino con
cero » Con Raspberry Pi, ESP8266, de video ESP8266 » Cree proyectos nuestro curso, ¡incluso sin
Arduino y Node-RED. de IoT y domótica. experiencia previa!
Qué leer a continuación ...
ESP32 PWM con Arduino IDE (salida analógica) Telegrama: Solicite lecturas del sensor ESP32 /
ESP8266 (Arduino IDE)
ESP32 con VS Code y PlatformIO: cargar archivos al ESP32 Over-the-air (OTA) Programming – Web
sistema de archivos (SPIFFS) Updater Arduino IDE
ESP8266 NodeMCU: BME680 Environmental Sensor ESP32 Digital Inputs and Digital Outputs (Arduino
using Arduino IDE (Gas, Pressure, Humidity, IDE)
Temperature)
Enjoyed this project? Stay updated by subscribing our weekly newsletter!

l ó i
https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/  SUBSCRIBE 31/40
Tu correo electrónico  SUBSCRIBE
11 thoughts on “MicroPython: ESP32/ESP8266 with DHT11/DHT22 Web

Server (Weather Station)”
Curt
April 26, 2019 at 1:26 pm
Could you compare the pros and cons of IDEs — micropython versus Arduino
Reply
Rui Santos
May 1, 2019 at 10:38 am
Thanks for the suggestion Curt! We de nitely plant to write a post about that subject.
Reply
Alberto M.
April 26, 2019 at 9:29 pm
Hello, how many meters of reach has the ESP32 or the ESP8266 with free access or a wall in the middle? THANK
YOU
Reply
Joe Tannenbaum
November 2, 2019 at 9:58 pm
Well, I was doing a turorial by someone else and he was using a dht22. I only had a dht11 and kept getting invalid
reading. After searching, came here to nd dht22 data is oat and dht11 is int. Changed the type and now my
setup is working. Thank you for letting us know the di erence between the two.
Joe
Reply
Sara Santos
EBooks
November 5, 2019 gratuitos
at 6:14 pm Sobre Contacto Cursos Iniciar sesión Obtener cursos  
Hi Joe.
Thanks for sharing that.
Regards,
Sara
Reply
Arjan
March 17, 2020 at 1:03 pm
If i put the humidity above the temperature the formatting is rather strange, anybody else having the same issue?
Thanks.
Reply
Sara Santos
March 17, 2020 at 3:15 pm
Hi.
Use & # 37; (without spaces) instead of the % sign.
Search for its html entity : freeformatter.com/html-entities.html
Regards,
Sara
Reply
Philip Hart
October 8, 2020 at 1:30 pm
Hi Sara,
I’m steadily working through the examples at your website, and they are proving very useful.
Thanks for all the help!
I’m wondering, are you planning on an article on using ESP8266/ESP32 & micropython with the popular Blynk app
(which is widely used in Arduino-world).
there are some Blynk / micropython libraries at github and while I have managed to get some connectivity, it is
very unstable and unreliable.
Would be great to see a project here.
Thanks & keep up the good work
Philip
Reply EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  
Thomas
November 22, 2020 at 2:26 am
This might be ultra basic, but..

I have everything working, and now I want to power the chip just with a power supply and have it run the code
without being connected to my computer. How do I power it and tell it to boot up and run?
Reply
Sara Santos
November 23, 2020 at 3:22 pm
Hi.
If you reset the board it will boot up automatically. You can restart the board by pressing the RST button.
Regards,
Sara
Reply
Lee
February 14, 2021 at 6:11 am
thank you for step-by-step tutorial which runs on my esp8266 with esp8266-20210203-unstable-v1.14.bin
rmware. However, main.py exists frequently with the following message. I have searched via google, but it
seems that it is hard to solve this. If so, can we use micropython in a stable product? Thanks
Got a connection from (‘192.168.2.4’, 44522)

Content = b’GET / HTTP/1.1\r\nHost: 192.168.2.12\r\nConnection: keep-alive\r\nCache-Control: max-
age=0\r\nUpgrade-Insecure-Requests: 1\r\nUser-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36\r\nAccept:
text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8,application/signed-
exchange;v=b3;q=0.9\r\nAccept-Encoding: gzip, de ate\r\nAccept-Language: zh-CN,zh;q=0.9,en-
US;q=0.8,en;q=0.7\r\n\r\n’
b’27.0,84.0′
Traceback (most recent call last):
File “main.py”, line 78, in
OSError: [Errno 104] ECONNRESET
“`
Reply
Leave a Comment
Nombre *
Correo electrónico *
Sitio web
Notify me of follow-up comments by email.
Notifícame de nuevas entradas por e-mail.
publicar comentario
Visite Maker Advisor: herramientas y

equipo para fabricantes, a cionados y
a cionados al bricolaje »
Domótica usando el eBook y curso de

video ESP8266 » Cree proyectos de IoT y
domótica.
Cree un sistema de automatización del

hogar desde cero » Con Raspberry Pi,
ESP8266, Arduino y Node-RED.
Sobre Apoyo Condiciones Política de privacidad Reembolsos MakerAdvisor.com Únase al laboratorio
Copyright © 2013-2021 · RandomNerdTutorials.com · Todos los derechos reservados

MicroPython - ESP32 - ESP8266 Con Servidor Web DHT11 - DHT22 - Tutoriales Aleatorios de Nerds

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

MicroPython - ESP32 - ESP8266 Con Servidor Web DHT11 - DHT22 - Tutoriales Aleatorios de Nerds

Cargado por

Copyright:

Formatos disponibles

28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

MicroPython: ESP32 / ESP8266 con servidor web DHT11 /

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

MicroPython: ESP32 / ESP8266 con sensor de temperatura y humedad DHT11 / DHT22

Requisitos previos: MicroPython parpadeante

ESP32 o ESP8266 (lea ESP32 vs ESP8266 )

Resistencia de 10k Ohm

Esquema: ESP32 con DHT11 / DHT22

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

Esquema: ESP8266 con DHT11 / DHT22

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

# Complete project details at https://RandomNerdTutorials.com

while station.isconnected() == False:

Ver código sin formato

Importe las bibliotecas necesarias para crear un servidor web.

from machine import Pin

Si está utilizando un sensor DHT11, descomente la siguiente línea y comente la anterior:

No olvide agregar sus credenciales de red en las siguientes líneas:

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

# Complete project details at https://RandomNerdTutorials.com

# uncomment for Fahrenheit

<meta name="viewport" content="width=device-width, initial-scale=1">

Ver código sin formato

Leyendo el sensor DHT

global temp, hum

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

Medimos el sensor usando el la medida() método en el sensor objeto.

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

if (isinstance(temp, float) and isinstance(hum, float)) or (isinstance(temp, int) and isinstance(hum,int)):

Nota: el isinstance () La función acepta como argumentos la variable y el tipo de datos:

msg = (b'{0:3.1f},{1:3.1f}'.format(temp, hum))

Si desea mostrar la temperatura en Fahrenheit, descomente la siguiente línea:

#temp = temp * (9/5) + 32.0

Finalmente, devuelva el mensaje con la temperatura y la humedad:

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

<meta name="viewport" content="width=device-width, initial-scale=1">

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyT

<h2>ESP DHT Server</h2>

Y el párrafo de la humedad está en el siguiente fragmento:

Las etiquetas <i> muestran los increíbles iconos de fuente.

Cómo mostrar iconos

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

Busque el icono que está buscando. Por ejemplo, "termómetro".

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

<i class="fas fa-thermometer-half">

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

<i class="fas fa-tint" style="color:#00add6;"></i>

Continuando con el texto HTML…

La siguiente línea escribe la palabra "Temperatura" en la página web.

Finalmente, agregamos el símbolo de grado.

Usamos el mismo enfoque para el párrafo de humedad.

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

Creando el servidor web

Primero, cargue el archivo boot.py y luego el archivo main.py en su ESP32 o ESP8266.

La dirección IP ESP32 o ESP8266 debe estar impresa en MicroPython Shell.

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

Programación MicroPython con ESP32 y ESP8266 eBook

También te pueden gustar los siguientes tutoriales:

GPIO ESP32 / ESP8266 explicados con MicroPython