Temperature
24.8
°C
ok
CPU Load
37
%
moderate
Free Memory
${metrics.ram}
KB
Volume
18.7
dB
ok
To customize this dashboard, follow
https://mongoose.ws/docs/guides/web-dashboard-guide/
Static Graph
Temperature
Humidity
Real-Time Graph
autoupdate:
Motor Voltage
LED Control
LED1
LED2
LED3
Start/Stop Action Button
actions.action1=${actions.action1}
Press to start/stop
Start Action Button
actions.action2=${actions.action2}
Press to start
Device settings
This settings panel is backed by the "settings" dashboard object see Dashboard.init call at the top of index.html - and, consequently, by the "settings" fieldset in mongoose_dashboard.c.
Fields are bound to the dashboard object via the data-bind attribute, e.g. data-bind="setttings.name"
When you save changed fields, the changes are saved to the device.
The "NAME" field has data-autosave="1", so it is autosaved when user types text.
The other fields are not auto-saved, so when they are changed, dashboard.js automatically applies CSS class "edited" to them to indicate they were changed but not saved.
The cancel and save buttons are attached to the settings object via the data-cancel and data-save attributes. Those buttons get automatically enabled or disabled based on editing status.
Firmware update via file upload
Current firmware version
${settings.ota_version}
Upload new firmware
This firmware update method is the simplest. Just select your
`firmware.bin` file and upload it.
Mongoose includes built-in firmware update support for many
architectures, such as STM32, RP2040, and ESP32. See
ota.h
for the full list of supported MCUs.
If you are using STM32, it works out of the box with no additional setup.
For other architectures, add `#define MG_OTA MG_OTA_XXX` to your
mongoose_config.h.
Firmware update via periodic URL check
Current firmware version
${settings.ota_version}
Current status
${settings.ota_status}
Check interval, seconds
URL
With this mechanism, you can configure an entire device fleet to update
automatically. Upload your firmware .bin to a web server and create a
JSON file that describes the firmware, including its URL, checksum, and
size. Mongoose periodically checks this JSON file, and if the version
differs from the current one, it downloads the firmware and performs the
update. The JSON file format is described in the
docs:
{
"version": "1.2.3",
"url": "http://my-product.com/firmwares/firmware-1.2.3.bin",
"size": 324645
}
File Manager
0 Files
This file manager uses /fs/ 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. For that, add "#define MG_ENABLE_LFS 1" to your mongoose_config.h
See 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.