Web Dashboard And OTA Updates For The ESP32

Mongoose Wizard new project dialog.

Today we are happy to present a web-based GUI for making a web-based GUI! If you’re a programmer then web front-end development might not be your bag. But a web-based graphical user interface (GUI) for administration and reporting for your microcontroller device can look very professional and be super useful. The Mongoose Wizard can help you develop a device dashboard for your ESP32-based project.

In this article (and associated video) the Mongoose developers run you through how to get started with their technology. They help you get your development environment set up, create your dashboard layout, add a dashboard page, add a device settings page, add an over-the-air (OTA) firmware update page, build and test the firmware, and attach the user-interface controls to the hardware. The generated firmware includes an embedded web server for serving your dashboard and delivering its REST interface, pretty handy.

You will find no end of ESP32-based projects here at Hackaday which you could potentially integrate with Mongoose. We think the OTA support is an excellent feature to have, but of course there are other ways of supporting that functionality.

Thanks to [Toly] for this tip.

5 thoughts on “Web Dashboard And OTA Updates For The ESP32

  1. Needs a way to sign the firmware or only upload after authentication with a username and password on the flash menu in the browser. Other than that solid work. (watched without sound, if I missed that feel free to correct me)

  2. I usually just use plain old sockets with ESP32/ESP8266 and write a python script (UI with PyQt5, if needed) to connect to it and get the data

    Anything that I may be missing out on by not using a web interface?

    1. Nothing wrong, you are doing perfectly what suits you. Not all data needs to be interacted with by a human. And where that interaction happens is your choice too. E.g. if you have 20 sensors, data collection is better to be done first before data representation.

      If you only have one device, a dedicated webUI on that device may be the way to go. You see this everywhere: Docker containers being orchestrated by a Kubernetes instance, or stand alone containers. In the end you determine the use case.

  3. One thing the article doesn’t mention is that Mongoose appears to support a lot more than just the ESP32, including Pi pico and STM Neucleo boards. Will definitley be checking this out more thouroughly when I get a chance.

Leave a Reply

Please be kind and respectful to help make the comments section excellent. (Comment Policy)

This site uses Akismet to reduce spam. Learn how your comment data is processed.