A Powerful Library to know Live GPIO state of ESP32 🔥🔥| ESP32 GPIO Viewer | ESP32 Projects

so in this video I'm going to show you a very powerful library that will help you to visualize the real time status of all the GPI pins of your ESP board using the web browser on your smartphone tablet or a computer that will help you to debug a lot of your projects quite easily so this will be a very short but really useful video so let's quickly start with how to install the necessary library and how to use the buil-in example code so now to get started with this GPI viewer you need to do a couple of steps and one of them is you need to have the latest esp32 boards package already installed on your ardino ID in my case I have updated to the latest version 2.0.1 4 the second step is you need to get the GPI viewer Library which you can get it from this page I'll be leaving away its Link in the description after that you just need to click on the download zip button to download this file after downloading this you also need to download one more Library called as ESP async web server so I'll click here and here also you need to download the zip file of this Library so after downloading both the libraries you can you can go to ardino then to sketch into include library and into add zip Library here you just need to go to your downloads folder where you have downloaded the library so I'll quickly navigate to that and here are both the librar so first I'll install the GPI viewer Library so it's successfully added and after that I'll repeat this step to install the ESP async web server Library so both the libraries are added but we need to add one more Library which is mentioned in the official GitHub page which is async TCP okay so you can go to ardino sketch into include Library into manage libraries this time and here you can search for async TCP and then you need to install this library in my case I installed the version 1.1.4 so these were all the mandatory steps you need to follow to get started with this GPI viewer library and now you're good to go to upload the first example code for that you can go to files examples and just scroll down to GPI viewer and we have only one example code so we'll open up quickly and here in this example code we need to provide the Sid name and password because everything will be connected to the local area network and we'll be able to visualize all the GPI op pins and uh using a web page so I'll provide the name and password of my Wi-Fi router here after that I'll select the right board and com board which is already selected So currently I'm using the esp32 do itate V1 board and here I'll straight away hit the upload button this is a basic GPI VI example code in which we we have nothing to do here we the loop is empty and the setup part is only and only for GPI viewer library and nothing else so let just see by default like if we upload a blank sketch by default which pins are turned high and which pins are turned low let's just visualize that okay so here the code got successfully uploaded so now I'll open the serial Monitor and let me just reset this board it says connecting to Wi-Fi it got connected it also got its own local IP address using which we can visualize the pinout so let me just turn on the screen recording on my smartphone now okay so here my smartphone is connected with the same Wi-Fi router on which this ES board is connected now I can just enter the IP address shown in the serial monitor which is 192.168.0.1 one6 colon 8080 okay so we get to see this web page on the smartphone and here we can change the view like we can uh click here and we can go to like generic view in which we can see the generic ESP 826 or esp32 chipset we can go to uh this option and select any of the board that we are using so in my case I'm using the esp32 or 30 pins variant so I can select this and this is a perfect board for my demo okay so here now we can see one interesting data like by uploading a blank sketch of ardino ID the gpr22 and 23 are by default in low State the rxtx pin are by default in high State the D5 is in high State D15 is in high and the D14 is in high state so these are the default state of all the pins even though we haven't utilize any of the GPI pins in our code and now uh let us try to manually change the state of the PIN to see how uh how fast we are getting the data so by default the sampling interval is set to 100 millisecond let's just try it out so I will connect the wire to ground pin and let just turn on the gpio 5 so D5 is currently in high state so I will connect the D5 to ground and let's see okay so D5 state is set to ground and if I remove it it got high again just focus on D5 only because all other pin State got changed because I touched those pins as you can see when I'm touching the me the states are getting changed okay because of capacitance now let's focus on D5 so yeah the latency is pretty very low so it's completely real time I'm able to visualize the data in real time for the D5 so after that example code we get to learn how to use this library but will this Library work with our existing iot project course well it's a great question well the answer is definitely yes and now let me show you how to integrate this gbi View Library with your code that uses the Wi-Fi in it so now for the Wi-Fi demo I use the example code of blink iot in which I have added all the template ID and template name and all the blink configurations basically and for the GPI viewer I just added three lines not four and those are first of all the nessi library and this particular line after that uh previously we were adding a line to connect the esp32 board using the GPI library to our Wi-Fi router but in case of iot projects we already make sure that our device is connected with the router so that it can get the internet connectivity so we don't need to write that line once again to make the connectivity with the Wi-Fi router so as you can see I haven't provided that line for connecting with the Wi-Fi I just added the last line which is GPI viewer. begin and that's pretty much it the whole code is exactly the same that we have for the regular blink example code so here I'm just controlling the virtual pin V2 and with the help of the V2 data I'm controlling the pin uh gpi2 of my esp32 I already uploaded the code I'll open the serial Monitor and let's just press the reset button to visualize everything okay it says blink got connected successfully uh which is shown here and it shows GPI viewer is also connected successfully means both the libraries are working without any clashes in between and on my smartphone I get to see the esp32 board with the all the GPI pins and as currently the D2 pin shows the status zero now let's just open the blink uh dashboard and here is the dashboard of my blink I'll turn on the pin and as you can see the D2 pin turned on automatically and this what we can say G LED built-in LED of ESP also got turned on if I turn off this button the D2 status is low on our GPI viewer and the LED is also turned off so it's completely real time and it works with the existing I with your existing iot project code as well and the demo is front of your eyes so that's how with just three lines of code you can integrate this GPI viewer into your existing iot projects and not only the digital pins but you can also visualize the pwm signals for example here uploaded the demo code for Led fading on the GPI 2 and I can visualize the pwm values in the web browser in real time so it works with pwm and on the GitHub repository It also says that it works with the analog pins but I personally was not able to get the analog sensus reading data onto the web browser using the GPI viewer but it just me or maybe I missed out some step or process to be followed so why don't you try out this GPI viewer library and let me know if the analog reading works in your casee or not do let me know your response down in the comments of the video and yeah that was it about this small but really useful video I hope you liked it I hope you got to learn something new from it do hit the like button if the answer is yes and yeah that being said and I'm just ending this video here and now just wait for my next video Until Then explore learn share with me take [Music] SMS

Channel: techiesms

Views: 9,175

Keywords: ESP32, ESP32 GPIO Viewer, ESP32 Projects, arduino, blynk 2.0, blynk projects, debugging, electronics, electronics projects, esp 8266, esp32, esp32 arduino, esp32 programming, esp32 projects, esp32 tutorial, esp32 web server, gpio viewer, hardwarehacking, library, new esp32 projects, realtimemonitoring, techiesms

Id: cWqTN83haUc

Length: 8min 0sec (480 seconds)

Published: Sat Jan 13 2024