From e7335e063b74d9d73c5cd286e37e7f70a0c97d40 Mon Sep 17 00:00:00 2001 From: cpq Date: Sun, 15 Nov 2026 12:39:48 +0000 Subject: [PATCH] Update readme & dash html --- .../stm32/nucleo-h563zi/cubemx/README.md | 33 ++++--------------- .../cubemx/mongoose/dashboard.html | 11 +++++-- 2 files changed, 14 insertions(+), 30 deletions(-) diff --git a/tutorials/stm32/nucleo-h563zi/cubemx/README.md b/tutorials/stm32/nucleo-h563zi/cubemx/README.md index 25640c60..4d2a708d 100644 --- a/tutorials/stm32/nucleo-h563zi/cubemx/README.md +++ b/tutorials/stm32/nucleo-h563zi/cubemx/README.md @@ -1,31 +1,10 @@ -# Nucleo-H563ZI Mongoose Integration +# Mongoose CubeMX pack -This guide explains how to bring up a production-grade Web UI dashboard on the -STM32 Nucleo-H563ZI development board. +This pack provides an easy to use CubeMX integration. -A pre-configured, ready-to-run project zip is available for download at -https://mongoose.ws. +## Mongoose Networking Core -To integrate the Web UI dashboard into an existing CubeMX project, or to create a -new project from scratch: +This module installs Mongoose Library itself: `mogoose.c`, `mongoose.h` and +`mongoose_config.h`. To finish integration, follow this guide: -1. Configure the peripherals (described below). -2. Regenerate your project code and integrate Mongoose core by following - https://mongoose.ws/docs/guides/stm32-tcpip-stack/. -3. Add the Web UI dashboard by following - https://mongoose.ws/docs/guides/web-dashboard-guide/. - -## Configure peripherals - -An `.ioc` file is included in this directory for your reference. It was created -using the following steps: - -- Open CubeMX. If you are starting a new project, select the STM32H563ZI - microcontroller and create a new project. -- In Pinout & Configuration / Security, enable RNG and select "Activated". -- In Clock Configuration, set the maximum clock frequency to 250 MHz. -- In the MCU pinout view, set pins PB0, PF4, and PG4 to GPIO_Output mode. -- In Pinout & Configuration / Connectivity, enable USART3 in asynchronous mode. - Configure pins PD8 and PD9 for USART. -- In Pinout & Configuration / Connectivity, enable ETH in RMII mode and set pins - PA1, PA2, PA7, PC1, PC4, PC5, PB15, PG11, and PG13 for Ethernet. +https://mongoose.ws/docs/guides/stm32-tcpip-stack/#configure-peripherals diff --git a/tutorials/stm32/nucleo-h563zi/cubemx/mongoose/dashboard.html b/tutorials/stm32/nucleo-h563zi/cubemx/mongoose/dashboard.html index c3dbabc6..60603aba 100644 --- a/tutorials/stm32/nucleo-h563zi/cubemx/mongoose/dashboard.html +++ b/tutorials/stm32/nucleo-h563zi/cubemx/mongoose/dashboard.html @@ -110,6 +110,11 @@ setupAutoLogout(); document.body.style.visibility = 'visible'; refreshFiles(); + // Static graph is not pushed by the device, so load it once here + Dashboard.call('get', 'graph1').then(r => { + mkGraph(graphs.graph1); + updateGraph1(r?.data); + }); }); Dashboard.login().catch(err => showLogin(true)); @@ -778,18 +783,18 @@ a, a:visited, a:link { text-decoration: none; }
-

This file manager uses /fs/ directory. +

This file manager uses /tmp/dashboard/ directory. It works on any platform that supports standard file IO: fopen, fread, fwrite, fclose. This includes Linux/Mac/Windows.

Mongoose provides a built-in LittleFS integration that - makes standard file IO work on embedded systems like STM32. + makes stadard file IO work on embedded systems like STM32. For that, add "#define MG_ENABLE_LFS 1" to your mongoose_config.h

See - this ready-to-build example + this ready-to-build example which implements LittleFS on Nucleo-H563ZI internal flash. You can upload, delete and serve files on STM32 - which is a perfect use case for confuration files, keeping and viewing logs, etc.