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
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 2/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 3/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 4/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 5/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 6/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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)
https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 7/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds
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  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 8/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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'

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 9/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.')
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 10/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 11/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 12/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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:

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 13/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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">

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 14/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 15/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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;
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 16/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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 <p> y </p> . El párrafo para la temperatura es el siguiente:

<p>
<i class="fas fa-thermometer-half" style="color:#059e8a;"></i>
<span class="dht-labels">Temperature</span>
<span>"""+str(temp)+"""</span>
<sup class="units">°C</sup>
</p>
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 17/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

<p>
<i class="fas fa-tint" style="color:#00add6;"></i>
<span class="dht-labels">Humidity</span>
<span>"""+str(hum)+"""</span>
<sup class="units">%</sup>
</p>

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

Cómo mostrar iconos

Para elegir los iconos, vaya al sitio web Font Awesome Icons .

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 18/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 19/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

Haga clic en el icono deseado. Luego, solo necesita copiar el texto HTML proporcionado.

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

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 20/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

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

Continuando con el texto HTML…

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 21/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

<span class="dht-labels">Temperature</span>

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.

<span>"""+str(temp)+"""</span>

Finalmente, agregamos el símbolo de grado.

<sup class="units">°C</sup>

Las etiquetas <sup> < / sup> hacen que el texto sea superíndice.

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

<p>
<i class="fas fa-tint" style="color:#00add6;"></i>
<span class="dht-labels">Humidity</span>
<span>"""+str(hum)+"""</span>

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 22/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

<sup class="units">%</sup>
</p>

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()
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 23/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 24/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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:

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 25/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

Al mismo tiempo, puede ver en el MicroPython Shell lo que está sucediendo en segundo plano.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 26/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

Para obtener las últimas lecturas del sensor, solo necesita actualizar la página web.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 27/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 28/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

[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

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

Cree un sistema de Proyectos paso a paso de Arduino »
https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 29/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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)

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 30/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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!

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

l ó i
https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/  SUBSCRIBE 31/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds
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

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 32/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 33/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 34/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 35/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 36/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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
EBooks gratuitos Sobre Contacto Cursos Iniciar sesión Obtener cursos  

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 37/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

Nombre *

Correo electrónico *

Sitio web

Notify me of follow-up comments by email.

Notifícame de nuevas entradas por e-mail.

publicar comentario

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 38/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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.

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 39/40
28/2/2021 MicroPython: ESP32 / ESP8266 con servidor web DHT11 / DHT22 | Tutoriales aleatorios de nerds

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

https://randomnerdtutorials.com/micropython-esp32-esp8266-dht11-dht22-web-server/ 40/40