2020-12-16 10:54:09 +00:00
|
|
|
# A complete device dashboard
|
|
|
|
|
|
|
|
This example is a demonstration of how Mongoose Library could be integrated
|
2021-08-02 00:23:01 +01:00
|
|
|
into an embedded device and provide a complete device dashboard with the
|
2020-12-16 10:54:09 +00:00
|
|
|
following features:
|
|
|
|
|
2022-05-14 09:08:23 +01:00
|
|
|
- Authentication: login-protected dashboard
|
2020-12-16 10:54:09 +00:00
|
|
|
- Multiple logins with different permissions (admin and user)
|
2022-05-13 16:47:10 +01:00
|
|
|
- Web UI is fully embedded into the server/firmware binary, and does not
|
2022-05-14 09:08:23 +01:00
|
|
|
need a filesystem to serve it. UI is resilient to FS problems
|
2022-06-08 09:06:14 +01:00
|
|
|
- Administrators can change server settings
|
2023-02-16 10:20:58 -03:00
|
|
|
- All changes are propagated to all connected clients
|
|
|
|
- The device is connected to the external MQTT server
|
|
|
|
- Logged in clients can send/receive messages via MQTT
|
2020-12-16 10:54:09 +00:00
|
|
|
|
2023-02-16 10:20:58 -03:00
|
|
|
## Screenshots
|
2020-12-16 10:54:09 +00:00
|
|
|
|
|
|
|
This is a login screen that prompts for user/password
|
|
|
|
|
2023-02-09 22:41:49 +00:00
|
|
|
![](screenshots/login.webp)
|
2020-12-16 10:54:09 +00:00
|
|
|
|
2023-02-16 10:20:58 -03:00
|
|
|
## Main dashboard
|
2020-12-16 10:54:09 +00:00
|
|
|
|
2023-02-16 10:20:58 -03:00
|
|
|
The main dashboard page shows the interactive MQTT console
|
2020-12-16 10:54:09 +00:00
|
|
|
|
2023-02-09 22:41:49 +00:00
|
|
|
![](screenshots/dashboard.webp)
|
2023-02-16 10:20:58 -03:00
|
|
|
|
|
|
|
|
|
|
|
See a detailed tutorial at https://mongoose.ws/tutorials/device-dashboard/
|