![\"MicroPython](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/esp32_esp8266_dht_web_server_micropython.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nFor an introduction to the DHT11\/DHT22 temperature and humidity sensors with MicroPython, read the following guide:<\/p>\n\n\n\n
- \n
- MicroPython: ESP32\/ESP8266 with DHT11\/DHT22 Temperature and Humidity Sensor<\/a><\/li>\n<\/ul>\n\n\n\n
Prerequisites – Flashing MicroPython<\/h2>\n\n\n\n
To follow this tutorial you need MicroPython firmware installed in your ESP32 or ESP8266 boards. You also need an IDE to write and upload the code to your board. We suggest using Thonny IDE or uPyCraft IDE:<\/p>\n\n\n\n
- \n
- Thonny IDE:\n
- \n
- Installing and getting started with Thonny IDE<\/a><\/li>\n\n\n\n
- Flashing MicroPython Firmware with esptool.py<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- uPyCraft IDE:\n
- \n
- Install uPyCraft IDE (Windows<\/a>, Mac OS X<\/a>, Linux<\/a>)<\/li>\n\n\n\n
- Flash\/Upload MicroPython Firmware to ESP32 and ESP8266<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Parts Required<\/h2>\n\n\n\n
To follow this tutorial you need to wire the DHT11 or DHT22 sensor to the ESP32 or ESP8266. You need to use a 10k Ohm pull-up resistor.<\/p>\n\n\n\n
Here’s a list of parts you need to build the circuit:<\/p>\n\n\n\n
- \n
- ESP32<\/a> or ESP8266 <\/a>(read ESP32 vs ESP8266<\/a>)<\/li>\n\n\n\n
- DHT11 <\/a>or DHT22 <\/a>temperature and humidity sensor<\/li>\n\n\n\n
- 10k Ohm resistor<\/a><\/li>\n\n\n\n
- Breadboard<\/a><\/li>\n\n\n\n
- Jumper wires<\/a><\/li>\n<\/ul>\n\n\n
You can use the preceding links or go directly to MakerAdvisor.com\/tools<\/a> to find all the parts for your projects at the best price!<\/p>
![](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2017\/10\/header-200.png?w=1200&quality=100&strip=all&ssl=1\")
<\/a><\/p>\n\n\n\nSchematic: ESP32 with DHT11\/DHT22 <\/h2>\n\n\n\n
Wire the DHT22 or DHT11 sensor to the ESP32 development board as shown in the following schematic diagram.<\/p>\n\n\n
\n![\"MicroPython](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/dht_esp32_bb-1.png?resize=728%2C910&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nIn this example, we’re connecting the DHT data pin to GPIO 14<\/span>. However, you can use any other suitable digital pin. <\/p>\n\n\n\n
Learn how to use the ESP32 GPIOs with our guide: ESP32 Pinout Reference: Which GPIO pins should you use?<\/a><\/p>\n\n\n\n
Schematic: ESP8266 with DHT11\/DHT22 <\/h2>\n\n\n\n
Follow the next tutorial if you’re using an ESP8266 board.<\/p>\n\n\n
\n![\"MicroPython](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/dht_esp8266_bb.png?resize=572%2C898&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nCode <\/h2>\n\n\n\n
For this project you\u2019ll need a boot.py<\/em> file and amain.py<\/em> file. The boot.py<\/em> file contains the code that only needs to run once on boot. This includes importing libraries, network credentials, instantiating pins, connecting to your network, and other configurations.<\/p>\n\n\n\n
The main.py<\/em> file contains the code that runs the web server to serve files and perform tasks based on the requests received by the client.<\/p>\n\n\n\n
boot.py<\/h3>\n\n\n\n
Create a new file in your MicroPython IDE. Copy the following code to your boot.py<\/em> file.<\/p>\n\n\n
# Complete project details at https:\/\/RandomNerdTutorials.com\n\ntry:\n import usocket as socket\nexcept:\n import socket\n\nimport network\nfrom machine import Pin\nimport dht\n\nimport esp\nesp.osdebug(None)\n\nimport gc\ngc.collect()\n\nssid = 'REPLACE_WITH_YOUR_SSID'\npassword = 'REPLACE_WITH_YOUR_PASSWORD'\n\nstation = network.WLAN(network.STA_IF)\n\nstation.active(True)\nstation.connect(ssid, password)\n\nwhile station.isconnected() == False:\n pass\n\nprint('Connection successful')\nprint(station.ifconfig())\n\nsensor = dht.DHT22(Pin(14))\n#sensor = dht.DHT11(Pin(14))\n<\/code><\/pre>\n\tView raw code<\/a><\/p>\n\n\n\n
We’ve covered in great detail the web server code in a previous tutorial<\/a>. So, we’ll just take a look at the relevant parts for this example.<\/p>\n\n\n\n
Import the necessary libraries to create a web server.<\/p>\n\n\n\n
try:\n import usocket as socket\nexcept:\n import socket\n\nimport network<\/code><\/pre>\n\n\n\nImport the Pin<\/span> class from the machine<\/span> module and the dht<\/span> module to read from the DHT sensor.<\/p>\n\n\n\n
from machine import Pin\nimport dht<\/code><\/pre>\n\n\n\nYou also need to initialize the sensor by creating a dht<\/span> instance on GPIO 14<\/span> as follows:<\/p>\n\n\n\n
sensor = dht.DHT22(Pin(14))<\/code><\/pre>\n\n\n\nIf you\u2019re using a DHT11 sensor, uncomment the next line, and comment the previous one:<\/p>\n\n\n\n
sensor = dht.DHT11(Pin(14))<\/code><\/pre>\n\n\n\nDon\u2019t forget to add your network credentials on the following lines:<\/p>\n\n\n\n
ssid = 'REPLACE_WITH_YOUR_SSID'\npassword = 'REPLACE_WITH_YOUR_PASSWORD'<\/code><\/pre>\n\n\n\nmain.py<\/h3>\n\n\n\n
Copy the following code to your main.py<\/em> file. <\/p>\n\n\n
# Complete project details at https:\/\/RandomNerdTutorials.com\n\ndef read_sensor():\n global temp, hum\n temp = hum = 0\n try:\n sensor.measure()\n temp = sensor.temperature()\n hum = sensor.humidity()\n if (isinstance(temp, float) and isinstance(hum, float)) or (isinstance(temp, int) and isinstance(hum, int)):\n msg = (b'{0:3.1f},{1:3.1f}'.format(temp, hum))\n\n # uncomment for Fahrenheit\n #temp = temp * (9\/5) + 32.0\n\n hum = round(hum, 2)\n return(msg)\n else:\n return('Invalid sensor readings.')\n except OSError as e:\n return('Failed to read sensor.')\n\ndef web_page():\n html = """<!DOCTYPE HTML><html>\n<head>\n <meta name="viewport" content="width=device-width, initial-scale=1">\n <link rel="stylesheet" href="https:\/\/use.fontawesome.com\/releases\/v5.7.2\/css\/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">\n <style>\n html {\n font-family: Arial;\n display: inline-block;\n margin: 0px auto;\n text-align: center;\n }\n h2 { font-size: 3.0rem; }\n p { font-size: 3.0rem; }\n .units { font-size: 1.2rem; }\n .dht-labels{\n font-size: 1.5rem;\n vertical-align:middle;\n padding-bottom: 15px;\n }\n <\/style>\n<\/head>\n<body>\n <h2>ESP DHT Server<\/h2>\n <p>\n <i class="fas fa-thermometer-half" style="color:#059e8a;"><\/i> \n <span class="dht-labels">Temperature<\/span> \n <span>"""+str(temp)+"""<\/span>\n <sup class="units">°C<\/sup>\n <\/p>\n <p>\n <i class="fas fa-tint" style="color:#00add6;"><\/i> \n <span class="dht-labels">Humidity<\/span>\n <span>"""+str(hum)+"""<\/span>\n <sup class="units">%<\/sup>\n <\/p>\n<\/body>\n<\/html>"""\n return html\n\ns = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\ns.bind(('', 80))\ns.listen(5)\n\nwhile True:\n conn, addr = s.accept()\n print('Got a connection from %s' % str(addr))\n request = conn.recv(1024)\n print('Content = %s' % str(request))\n sensor_readings = read_sensor()\n print(sensor_readings)\n response = web_page()\n conn.send('HTTP\/1.1 200 OK\\n')\n conn.send('Content-Type: text\/html\\n')\n conn.send('Connection: close\\n\\n')\n conn.sendall(response)\n conn.close()\n<\/code><\/pre>\n\tView raw code<\/a><\/p>\n\n\n\n
Reading the DHT sensor<\/h4>\n\n\n\n
First, create a function called read_sensor()<\/span> that reads temperature and humidity. You can use that function in any other projects in which you need to take sensor readings from DHT sensors.<\/p>\n\n\n\n
def read_sensor():<\/code><\/pre>\n\n\n\nThe function starts by creating two global variables, so we can use them in all parts of the script (they are initilazed as 0).<\/p>\n\n\n\n
global temp, hum\ntemp = hum = 0<\/code><\/pre>\n\n\n\nThe temp<\/span> variable holds the temperature read from the sensor and the hum<\/span> holds the humidity read from the sensor.<\/p>\n\n\n\n
Next, use try<\/span> and except<\/span> statements. Inside the try<\/span> statement we try to get the temperature and humidity values.<\/p>\n\n\n\n
Note: <\/strong> try and except allows us to continue the execution of the program when an exception happens. For example, when an error occurs, a try block code execution is stopped and transferred to the except block. In our example, the exception is especially useful to prevent the web server from crashing when we are not able to read from the sensor.<\/p>\n\n\n\n
We measure the sensor by using the measure()<\/span> method on the sensor<\/span> object.<\/p>\n\n\n\n
try:\n sensor.measure()<\/code><\/pre>\n\n\n\nThen, read the temperature with sensor.temperature()<\/span> and the humidity with sensor.humidity()<\/span>. Save those readings on the temp<\/span> and hum<\/span> variables.<\/p>\n\n\n\n
temp = sensor.temperature()\nhum = sensor.humidity()<\/code><\/pre>\n\n\n\nValid temperature and humidity readings should be of type float (if you\u2019re using a DHT22 sensor) or type int (if you\u2019re using a DHT11) sensor. So, we check if we have valid readings by using the isinstance()<\/span> function before proceeding.<\/p>\n\n\n\n
if (isinstance(temp, float) and isinstance(hum, float)) or (isinstance(temp, int) and isinstance(hum,int)):<\/code><\/pre>\n\n\n\nNote: <\/strong> the isinstance()<\/span> function accepts as arguments the variable and the data type: isinstance(variable, data type).<\/span> It returns True<\/span> if the variable corresponds to the inserted data type and False<\/span> if it doesn\u2019t.<\/p>\n\n\n\n
If the readings are valid, prepare a message to be printed on the Shell that includes the temperature and humidity readings:<\/p>\n\n\n\n
msg = (b'{0:3.1f},{1:3.1f}'.format(temp, hum))<\/code><\/pre>\n\n\n\nIf you want to display temperature in Fahrenheit, uncomment the following line:<\/p>\n\n\n\n
#temp = temp * (9\/5) + 32.0<\/code><\/pre>\n\n\n\nRound the humidity reading to two decimal points. This will be printed later on the web server page.<\/p>\n\n\n\n
hum = round(hum, 2)<\/code><\/pre>\n\n\n\nFinally, return the message with the temperature and humidity:<\/p>\n\n\n\n
return(msg)<\/code><\/pre>\n\n\n\nIn case we don\u2019t get valid sensor readings (not float type), we return Invalid sensor readings.<\/span> message.<\/p>\n\n\n\n
else:\n return('Invalid sensor readings.')<\/code><\/pre>\n\n\n\nIn case we\u2019re not able to read from the sensor (for example, in case it disconnects), return an error message.<\/p>\n\n\n\n
except OSError as e:\n return('Failed to read sensor.')<\/code><\/pre>\n\n\n\nWeb Page<\/h4>\n\n\n\n
The web_page()<\/span> function returns the HTML page. We’ll go through each line of the HTML and see what it does.<\/p>\n\n\n\n
The following <meta><\/span> tag makes your web page responsive in any browser.<\/p>\n\n\n\n
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><\/code><\/pre>\n\n\n\nThe <link><\/span> tag is needed to load the icons used in the webpage from the fontawesome website.<\/p>\n\n\n\n
<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"><\/code><\/pre>\n\n\n\nStyles<\/h4>\n\n\n\n
Between the <style><\/style><\/span> tags, we add some CSS to style the web page.<\/p>\n\n\n\n
<style>\n html {\n font-family: Arial;\n display: inline-block;\n margin: 0px auto;\n text-align: center;\n }\n h2 { font-size: 3.0rem; }\n p { font-size: 3.0rem; }\n .units { font-size: 1.2rem; }\n .dht-labels{\n font-size: 1.5rem;\n vertical-align:middle;\n padding-bottom: 15px;\n }\n<\/style><\/code><\/pre>\n\n\n\nBasically, we’re setting the HTML page to display the text with Arial font in block without margin, and aligned at the center.<\/p>\n\n\n\n
html {\n font-family: Arial;\n display: inline-block;\n margin: 0px auto;\n text-align: center;\n }<\/code><\/pre>\n\n\n\nWe set the font size for the heading (h2<\/span>), paragraph (p<\/span>) and the units(.units<\/span>) of the readings.<\/p>\n\n\n\n
h2 { font-size: 3.0rem; }\np { font-size: 3.0rem; }\n.units { font-size: 1.2rem; }<\/code><\/pre>\n\n\n\nThe labels for the readings are styled as shown below:<\/p>\n\n\n\n
dht-labels {\n font-size: 1.5rem;\n vertical-align:middle;\n padding-bottom: 15px;\n}<\/code><\/pre>\n\n\n\nAll of the previous tags should go between the <head><\/span> and <\/head><\/span> tags. These tags are used to include content that is not directly visible to the user, like the <meta><\/span> , the <link><\/span> tags, and the styles.<\/p>\n\n\n\n
HTML Body<\/h4>\n\n\n\n
Inside the <body><\/body><\/span> tags is where we add the web page content.
<\/p>\n\n\n\nThe <h2><\/h2><\/span> tags add a heading to the web page. In this case, the \u201cESP DHT server\u201d text, but you can add any other text.
<\/p>\n\n\n\n<h2>ESP DHT Server<\/h2><\/code><\/pre>\n\n\n\nThen, there are two paragraphs. One to display the temperature and the other to display the humidity. The paragraphs are delimited by the <p><\/span> and <\/p><\/span> tags. The paragraph for the temperature is the following:<\/p>\n\n\n\n
<p>\n <i class=\"fas fa-thermometer-half\" style=\"color:#059e8a;\"><\/i> \n <span class=\"dht-labels\">Temperature<\/span> \n <span>\"\"\"+str(temp)+\"\"\"<\/span>\n <sup class=\"units\">\u00b0C<\/sup>\n<\/p><\/code><\/pre>\n\n\n\nAnd the paragraph for the humidity is on the following snipet:<\/p>\n\n\n\n
<p>\n <i class=\"fas fa-tint\" style=\"color:#00add6;\"><\/i> \n <span class=\"dht-labels\">Humidity<\/span>\n <span>\"\"\"+str(hum)+\"\"\"<\/span>\n <sup class=\"units\">%<\/sup>\n<\/p><\/code><\/pre>\n\n\n\nThe <i><\/span> tags display the fontawesome icons. <\/p>\n\n\n\n
How to display icons<\/h4>\n\n\n\n
To chose the icons, go to the Font Awesome Icons website<\/a>.<\/p>\n\n\n
\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/fontawesomepage.png?resize=750%2C476&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nSearch the icon you’re looking for. For example, “thermometer”.<\/p>\n\n\n
\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/fontawesome-thermometer.png?resize=750%2C476&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nClick the desired icon. Then, you just need to copy the HTML text provided.<\/p>\n\n\n\n
<i class=\"fas fa-thermometer-half\"><\/code><\/pre>\n\n\n\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/03\/fontawesome-thermometer-html.png?resize=750%2C476&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nTo chose the color, you just need to pass the style<\/span> parameter with the color in hexadecimal, as follows:<\/p>\n\n\n\n
<i class=\"fas fa-tint\" style=\"color:#00add6;\"><\/i> <\/code><\/pre>\n\n\n\nProceeding with the HTML text…<\/p>\n\n\n\n
The next line writes the word “Temperature” into the web page. <\/p>\n\n\n\n
<span class=\"dht-labels\">Temperature<\/span><\/code><\/pre>\n\n\n\nAfter that, we add the actual temperature value to the HTML page by concatenating the temp<\/span> variable as shown below.<\/p>\n\n\n\n
<span>\"\"\"+str(temp)+\"\"\"<\/span><\/code><\/pre>\n\n\n\nFinally, we add the degree symbol.
<\/p>\n\n\n\n<sup class=\"units\">\u00b0C<\/sup><\/code><\/pre>\n\n\n\nThe <sup><<\/span>\/sup><\/span> tags make the text superscript. <\/p>\n\n\n\n
We use the same approach for the humidity paragraph.
<\/p>\n\n\n\n<p>\n <i class=\"fas fa-tint\" style=\"color:#00add6;\"><\/i> \n <span class=\"dht-labels\">Humidity<\/span>\n <span>\"\"\"+str(hum)+\"\"\"<\/span>\n <sup class=\"units\">%<\/sup>\n<\/p><\/code><\/pre>\n\n\n\nCreating the web server<\/h4>\n\n\n\n
After that, make the usual procedures to create a socket server.<\/p>\n\n\n\n
s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)\ns.bind(('', 80))\ns.listen(5)\n\nwhile True:\n conn, addr = s.accept()\n print('Got a connection from %s' % str(addr))\n request = conn.recv(1024)\n print('Content = %s' % str(request))\n sensor_readings = read_sensor()\n print(sensor_readings)\n response = web_page()\n conn.send('HTTP\/1.1 200 OK\\n')\n conn.send('Content-Type: text\/html\\n')\n conn.send('Connection: close\\n\\n')\n conn.sendall(response)\n conn.close()<\/code><\/pre>\n\n\n\nFor an in-depth explanation of this procedure, refer to this tutorial<\/a>. <\/p>\n\n\n\n
In the while<\/span> loop, when we call the read_sensor()<\/span> function to print the sensor readings and to update the global variables temp<\/span> and hum<\/span>.<\/p>\n\n\n\n
sensor_readings = read_sensor()\nprint(sensor_readings)<\/code><\/pre>\n\n\n\nSo, the web_page()<\/span> function generates HTML text with the latest sensor readings.<\/p>\n\n\n\n
response = web_page()<\/code><\/pre>\n\n\n\nUploading the Code<\/h2>\n\n\n\n
After copying the code and making any necessary changes, you can upload the code to your ESP32 or ESP8266. <\/p>\n\n\n\n
First, upload the boot.py<\/em>, and then the main.py<\/em> file to your ESP32 or ESP8266.<\/p>\n\n\n\n
If you\u2019re using Thonny IDE, you just need to go to Device<\/strong> > Upload current script as boot script<\/strong> or Upload current script as main script<\/strong>. After uploading the code, press the ESP on-board RESET button.<\/p>\n\n\n\n
The ESP32 or ESP8266 IP address should be printed on the MicroPython Shell.<\/p>\n\n\n
\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/esp32-esp8266-dht11-dht22-temperature-humidity-web-server-ip-address.png?resize=855%2C312&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nIf you\u2019re using uPyCraft IDE and you\u2019re having trouble uploading the code, go to the following tutorial and scroll down to the \u201cRunning Your First Script\u201d section: Getting Started with MicroPython on ESP32 and ESP8266<\/a>. <\/p>\n\n\n\n
Trouble uploading code with Thonny IDE? Go to this tutorial<\/a> and scroll all the way down to the Troubleshooting Tips for Thonny IDE<\/strong> section.<\/p>\n\n\n\n
Demonstration<\/h2>\n\n\n\n
Open your browser and type the ESP IP address. You should access the web page with the latest sensor readings:<\/p>\n\n\n
\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/dht-web-server-demo.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nAt the same time, you can see on the MicroPython Shell, what’s going on in the background.<\/p>\n\n\n
\n![\"ESP32\/ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2019\/04\/ESP32-ESP8266-MicroPython-DHT11-DHT22-Web-Server.png?resize=855%2C617&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nTo get the latest sensor readings, you just need to refresh the web page.<\/p>\n\n\n\n
Troubleshooting<\/h3>\n\n\n\n
If your DHT sensor fails to get the readings, read our DHT Troubleshooting Guide<\/strong><\/a> to help you fix the issue.<\/p>\n\n\n\n
Wrapping Up<\/h2>\n\n\n\n
To create a web server to display the temperature and humidity readings, you just need to concatenate the variables that hold the sensor readings with the HTML text. Make sure you get the sensor readings before displaying the web page, so that you always have the updated temperature and humidity.<\/p>\n\n\n\n
We hope you’ve found this tutorial useful. If you want to learn more about MicroPython with the ESP32 and ESP8266, take a look at our eBook: <\/p>\n\n\n\n
- \n
- MicroPython Programming with ESP32 and ESP8266 eBook<\/strong><\/a><\/li>\n<\/ul>\n\n\n\n
You may also like the following tutorials:<\/p>\n\n\n\n
- \n
- ESP32\/ESP8266 GPIOs Explained with MicroPython<\/a><\/li>\n\n\n\n
- ESP32\/ESP8266 Analog Readings with MicroPython<\/a>
<\/li>\n\n\n\n- ESP32\/ESP8266 PWM with MicroPython \u2013 Dim LED<\/a>
<\/li>\n\n\n\n- ESP32\/ESP8266 MicroPython Web Server \u2013 Control Outputs<\/a> <\/li>\n<\/ul>\n\n\n\n
Thanks for reading.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this tutorial, you\u2019re going to learn how to create a simple web server with the ESP32 or ESP8266 to display readings from the DHT11 or DHT22 temperature and humidity … <\/p>\n
- ESP32\/ESP8266 Analog Readings with MicroPython<\/a>
- ESP32\/ESP8266 GPIOs Explained with MicroPython<\/a><\/li>\n\n\n\n
- DHT11 <\/a>or DHT22 <\/a>temperature and humidity sensor<\/li>\n\n\n\n
- Flash\/Upload MicroPython Firmware to ESP32 and ESP8266<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
- Flashing MicroPython Firmware with esptool.py<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Installing and getting started with Thonny IDE<\/a><\/li>\n\n\n\n
- Thonny IDE:\n