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