Build an All-in-One ESP32 Weather Station Shield

hey guys in this project I'll show you how you can build an all-in-one ESP 30 to weather station shield and display the sensor readings on a web server the web server displays data from all the sensors and automatically updates the readings every 10 seconds without a need to refresh the webpage if you want to know how to do this continue watching this video this video was sponsored by GL CPC v GL CP CV is a well known PCB prototype company in China it specialized in quick PCB prototype and small batch production you can order a minimum of 10 PCBs for just 2 dollars if you want to turn your breadboard circuits into real parts and make your projects look more professional you just have to upload the Gerber files to other high quality PCBs for low prices we'll show you how to do this later on the video to build this project you need some resources all of these are available to download at random nerd to reals calm to build this project I've designed the PCB for the ESP 32 dev kit v1 do it part the PCB I've built only works with a version with 30 GPIO s I've designed this PCB to be a compact weather station the PCB has a lot of features so that it can suit a lot of different projects for different applications in fact I didn't use all the PCB features in this project this shield contains two SMD LEDs one push-button one trim part of each the 11 temperature and humidity sensor a VMP barometric sensor an LDR a micro SD card module additionally I've also added two terminal blocks that give you access to three gPS to connect other components the microSD card is interesting addition to the shield it can be used to star readings if you want to build the datalogger or it can start an HTML file to serve a webpage as we'll do in this project before designing the shield I've assembled a circuit on a breadboard if you don't want to make a PCB you can follow this project and assemble the circuit on a breadboard just follow this schematic diagram after making sure the circuit was working properly I've designed a PCB version on Kika which is an open-source software used to design PCBs I want explored how I've designed the PCB but I provide all the files if you want to modify the PCB yourself you don't need to know how to design the PCB in order to get one you just have to go to the resources and download the Gerber files then go to GL CPC vidcom click the pot Now button and upload your dot zip file with the Gerber files you'll see a success message at the bottom and you can use the Gerber viewer link to check if everything went as expected you can see the top and bottom of the PCB you can view our hive the solder mask silkscreen copper and so on with the default settings you can order 10 PCBs for just $2 however if you want to select other settings like a different PCB color it will cost you a few more dollars when you're happy with your order click the save to Cart button to complete the order my PCBs took one day to be manufactured and they arrive in five business days using detailed livery option after a week I've received my PCBs at my office as you can see everything came well packed and they also received a pen from GRC PCB taking a closer look at the PCBs I must say that I'm really impressed with the quality I don't think you can get a better pc b--'s service at this price the next step was soldering the components to the PCB I use SMD LEDs and SMD resistors I know it's a bit difficult to solder SMD components but it can save you a lot of space on the PCB I've also soldered the other pins to attach the ESP 32 and the other sensors this way I can easily replace the sensors if needed here's the list of all the components you need to assemble the PCB the next step is writing the code to read the sensors and build a webserver the code for this project is divided in two parts the code in the arduino ide to read the sensors and was the web server and an HTML file to build a web page this HTML file should be saved in the micro SD card copy the code provided to the arduino ide the code for this project is a bit long but it's fairly easy to understand I've also added various comments along the code before uploading the code you need to modify these two variables to add your SSID and password then press the upload button to upload the sketch to your ESP 30 to make sure you have the right board and comport selected copy the HTML file to your microSD card and insert the microSD card in the SD card module now everything should be ready open the serial monitor at about rate of 11 5200 and check the ESP IP address open your browser type the IP address and you should see a table with the latest sensor readings the web server displays the DHD BMP potentiometer and the LDR readings as you can see the readings are updated every 10 seconds without the need to refresh the webpage for these we use Ajax as you can see here Ajax is a developer's dream because it can update the webpage without reloading the page request and receive data from a server after the page is loaded and send data to a server in the background by the end of this project you have your own ESB 32 weather station webserver and all the hardware is well compact on a PCB however there's a small problem with our pin assignment currently we are doing Wi-Fi library uses GPIO 4 that is connect to the LDR so you can take any readings from the LDR when you use the Wi-Fi library to make it work you can solder a wire from the ltr' to another available GPIO there's still room to improve this project you can use the extra terminals to connect other sensors or a relay as always you can find all the resources for this project at random nerd - real calm thanks for watching and don't forget subscribe you

Channel: Rui Santos

Views: 79,087

Keywords: rui santos, randomnerdtutorials, random nerd tutorials, ESP32 Web Server SD Card Module, ESP32 web server DHT BMP180 LDR, ESP32 Weather Station Shield Web Server, ESP32 Weather Station Shield, Build an All-in-One ESP32 Weather Station Shield, how to build a weather station ESP32, ESP32 web server temperature humidity pressure light

Id: m5cS21AAhZo

Length: 7min 27sec (447 seconds)

Published: Wed Feb 07 2018