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

ความคิดเห็น • 5

  • @chrisgoddard9236
    @chrisgoddard9236 18 วันที่ผ่านมา +1

    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?

    • @mongoose-networking-library
      @mongoose-networking-library  18 วันที่ผ่านมา

      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?

    • @chrisgoddard9236
      @chrisgoddard9236 17 วันที่ผ่านมา +1

      ​@@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.

    • @mongoose-networking-library
      @mongoose-networking-library  17 วันที่ผ่านมา

      @@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?

    • @chrisgoddard9236
      @chrisgoddard9236 17 วันที่ผ่านมา

      @@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.