Update readme & dash html

This commit is contained in:
cpq committed 2026-11-15 12:39:48 +00:00
1 parent 88096d3f4d
commit e7335e063b
2 files changed
+14 -30

No files matched your search

+6 -27
View File
@@ -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 This pack provides an easy to use CubeMX integration.
STM32 Nucleo-H563ZI development board.
A pre-configured, ready-to-run project zip is available for download at ## Mongoose Networking Core
https://mongoose.ws.
To integrate the Web UI dashboard into an existing CubeMX project, or to create a This module installs Mongoose Library itself: `mogoose.c`, `mongoose.h` and
new project from scratch: `mongoose_config.h`. To finish integration, follow this guide:
1. Configure the peripherals (described below). https://mongoose.ws/docs/guides/stm32-tcpip-stack/#configure-peripherals
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.
@@ -110,6 +110,11 @@
setupAutoLogout(); setupAutoLogout();
document.body.style.visibility = 'visible'; document.body.style.visibility = 'visible';
refreshFiles(); 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)); Dashboard.login().catch(err => showLogin(true));
@@ -778,18 +783,18 @@ a, a:visited, a:link { text-decoration: none; }
</div> </div>
<div class="note"> <div class="note">
<p>This file manager uses /fs/ directory. <p>This file manager uses /tmp/dashboard/ directory.
It works on any platform that supports It works on any platform that supports
standard file IO: fopen, fread, fwrite, fclose. standard file IO: fopen, fread, fwrite, fclose.
This includes Linux/Mac/Windows.</p> This includes Linux/Mac/Windows.</p>
<p> <p>
Mongoose provides a built-in LittleFS integration that 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 For that, add "#define MG_ENABLE_LFS 1" to your
mongoose_config.h mongoose_config.h
</p> </p>
<p>See <p>See
<a href="https://github.com/cesanta/mongoose/tree/master/tutorials/stm32/nucleo-h563zi/cubemx">this ready-to-build example</a> <a href="https://github.com/cesanta/embedded-web-file-manager">this ready-to-build example</a>
which implements LittleFS on Nucleo-H563ZI internal flash. You which implements LittleFS on Nucleo-H563ZI internal flash. You
can upload, delete and serve files on STM32 - which is can upload, delete and serve files on STM32 - which is
a perfect use case for confuration files, keeping and viewing logs, etc. a perfect use case for confuration files, keeping and viewing logs, etc.