Video implementing ot updates through a web server in the sparkfun ESP 32 thing. In this video, we will learn the need for implementing web server based ot updates, and later implement web server based ot updates in the sparkfun ESP 32 thing. In the last video, you'll learn how to implement an OTA update through Arduino ID. But just imagine that your customer is not tech savvy, and don't have any clue on how to do an OTA update using Arduino ID. In such cases, it's necessary to implement an OTA update through a web server created by the ESP 32. Rather than using Arduino ID.

In this ot a model, the ESP 32 board will create a web server. The customer will be given a binary file of the updated code. The customer can just go to the browser and type In the mdns web page, and use the web server based UI to upload the binary file to complete the OT update. Just like in the previous video, we need to first prepare the ESP 32 abode for web server ot update. First, download the web server ot a dot zip file from the resources section and unzip it. Now open the Enable underscore web server underscore oca.io file in the Arduino ID.

Let's discuss how the code works. Just like the basic RTA code, we will import several libraries other than the usual libraries we imported earlier. We also will import the Wi Fi client dot hedge and the web server dot hedge for configuring and running the web server. But instead of the Arduino ot eight or hedge library, we will import the update dot h library which supports ot update Through HTTP. Thus, we can incorporate this with our web server for implementing RTA. Then we set the hostname and Wi Fi network credentials to these variables.

Please do not forget to edit this and add your wife or network credentials before uploading the code. Remember that the hostname will be mapped to the IP address by the end DNS protocol, making it easy to access the web server later. This instruction creates a web server object that listens for HTTP requests on port 80. Basically, for the OT a web server, we need a login page and ot update page and a general template for styling the web server. I have built here a custom web server experience, which is good to look at. If you are interested in making your own custom ot a web server.

You can visit the links in the resources section to learn more The string style has the HTML template code of the general look and feel of the web server. The string login index has the HTML code for the login authentication page, you can set your own login name and password by editing this line of the code. The string server index has the HTML code for the OTA update page, and handling the OTA update process using HTTP commands. Now let's get into the void setup loop. These instructions essentially do the same functions as these codes from the previous video. The mdns dot begin hostname method basically maps the IP address to the host name, which is ot ESP.

The following print commands will output the web address of your web server. The following codes will be skipped as they are callback functions. Data invoked during different phases of the updation. Once the web server starts just before the end of the Void set upload, the server dot begin function is invoked to start the web server. Inside the void loop, the server dot handle client function will handle all the OTA update process. Using callbacks two different methods in the void setup lobe.

The set of instructions is called when a get request happens for the root page of the web server, which is denoted by a forward slash. This function will display the login page in the web server. When a new user reaches the mdns web page we have set up these set of instructions is called when a get request happens for the server index page of the web server, which is denoted by forward slash server index. This function displays the OT update page in the website. After the user authentication has completed all these instructions till the server dot begin function is a single callback function that handles the uploading of the binary file. It also handles errors during the update process.

This callback is initiated when you click the Update button. After selecting the binary file of the OTA update. Here, a post command is sent on pressing the Update button, and the dot bin file, or binary file of the OTA update program is flashed to the ESP 32 board over the air. The update dot has error function checks the integrity and compatibility of the file being uploaded even before upload and output the status. If an error is detected, the ESP 32 is restarted when the upload is just about to begin, the set of instructions are executed which checks the size of the load. If the size is not compatible with the boat, an error message is shown.

If the upload status is to write the file to the ESP 32 bold, the update dot write function is invoked to handle the flashing of the firmware. As always, error handling instructions are also included. Similarly, when the upload process has ended, these sets of instructions are invoked to convey to the user that the update is successful. The last l slope is included to handle any of the unforeseen errors. Now let's upload the Enable underscore web server underscore ot a dot i n o to the sparkfun ESP 32 thing through the compote. before uploading, make sure that you have edited the Wi Fi SSID and password variables in the code.

Once flashed, open the serial monitor and press the reset button on the boat. Now you can see that the serial monitor will output a webpage URL. Now, you can remove your boat from the computer and power it via a power bank or a compatible battery. Once you have connected your computer to the same Wi Fi network, type in the webpage URL to the browser. Now log in with a user credentials. Next, let's upload a blink program over the air just like we did earlier.

Open the OT underscore program web server.io file in Arduino ID. The code is self explanatory if you understood the previous video. Now we need to create a binary file. Click the export compiled library option under sketch tab in the Arduino ID. The dot bin file will be saved in the same folder as the dot INF file of your sketch. Now go back to your web browser.

Click Choose File and select the binary file we just created. For our blink program, click update and wait till the progress reaches hundred percent. Wait for a couple of seconds No. And you can see that the LED on the sparkfun ESP 32 is indeed blinking. Thus, in the Zotero method, we don't need the Arduino ID to do an OTA update. This will make ot updation very less intimidating to your customers.

You can just send the binary file over to your customers and they can easily implement the updates to the product. I will now give you an activity, do an OT update to change the rate of blinking to one time every two seconds. Congratulations on completing web server implementation of ot update with a sparkfun ESP 32 thing. Summary In this video we have covered the following topics the need for implementing web server ot updates Implementing ot updates through a web server in the sparkfun ESP 32 thing. In the next video, we will implement a cloud based ot update system for the ESP 32 thing using mangoes always