Embedded Web UI Explained | How to create a Web UI LED toggle switch | (STM32 with Ethernet)
ฝัง
- เผยแพร่เมื่อ 12 มิ.ย. 2024
- Step-by-step guide on how embedded Web UI are done using Ethernet-enabled STM32 board. Learn how UI controls are "attached" to your firmware code, and how to implement it in a fast way. Done on an example of LED toggle switch.
Mongoose Wizard: mongoose.ws/wizard/
Full source code used in this video: github.com/cesanta/video-toggle
00:00 Intro
00:39 Create HTML UI
01:40 Add JS event handler
02:12 Integrate a web server
03:50 Simulate LED hardware
06:50 Packing UI into an executable
08:50 Transfer UI to the STM32 firmware code
12:38 Web UI explanation
16:48 Mongoose Wizard
19:25 Attaching UI controls to the firmware
Great video. Very helpful. Would it be possible to make quite a specific tutorial video covering the same end result, but on an RP2040 with a W5500 using FreeRTOS?
How about just adding RP2040 + W5500 to the mongoose.ws/wizard/ ? The basic principles would stay absolutely the same as already outlined in the video, but the wizard would make a ready-to-go project ready?
@@mongoose-networking-libraryThat would certainly help. I guess my broader request is for a tutorial that covers using Mongoose in FreeRTOS, what may or may not be the gotchas and pitfalls. It doesn't have to be a web server example. It just happens that my platform of choice is RP2040 + W5500. If there is already a tutorial that covers this, my apologies.
@@chrisgoddard9236 For sure! Actually, using Mongoose in FreeRTOS and in bare metal is absolutely identical. Just run event loop in a separate task, and that's it! The only gotcha is the task's stack size - give it 8k and you're good. Take a look at mongoose.ws/documentation/tutorials/rp2040/pico-w5500/. What environment do you use, RPI C SDK, Arduino or something else?
@@mongoose-networking-library Thanks. I'm using PICO-SDK (In VSCode if that makes a difference!) C++ projects with a few C libraries for good measure.