Using frameworks such as Vue or Node for web development on esp32

[zazas321]

Hey. We have an ESP32 running a webserver (both in AP and station mode is supported). On the ESP32 we currently have index.html, scripts.js and styles.css that are stored in the flash memory.

Our webserver is scaling up quite rapidly, we are constantly adding more and more functions and it has become quite hard to maintain our webpage. Our .html itself is more than 15000 lines of code...


We were wondering if there is a possibiity to rewrite everything to frameworks such as Vue or Node js. Is that even possible on the ESP32 due to memory constraints? How would it work if the ESP32 is in AP mode? Does it need to download some additional modules for Vue or Node to display the UI, how to embed everything inside ESP32?

I would appreciate any clarifications. Thanks in advance

[MicroController]

Vue shouldn't be a problem at all. Check out the RESTful server example.

[crwhite57]

It sounds like you're having some discomfort with your ESP32 web server. While frameworks like Vue or Node.js can enhance your project, the ESP32 has limited resources, so running an entire Node.js server might not be feasible due to its memory constraints.
However, you can consider using Vue.js for the front end. It can help modularize your code and make it easier to maintain. You would host your Vue files on the ESP32, but remember you might need to compile them into plain HTML, CSS, and JavaScript to serve them effectively. When the ESP32 is in AP mode, users can connect directly to it, and it can serve the Vue app just like any static files. Just ensure you optimize your assets to keep memory usage in check.
Contextual advertising can be a smart move if you're looking for more tools to enhance your online presence. You can check out more there.