smart-energy-monitor/software/flow
2023-02-22 17:28:23 +01:00
..
.npm added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
00-dashboard-example example flow 2023-02-22 16:27:14 +01:00
docs/images More documentation 2023-02-22 16:20:27 +01:00
node_modules added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.nodes.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.nodes.json.backup added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.projects.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.runtime.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.users.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.config.users.json.backup added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
.flows.json.backup added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
flows.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
flows_cred.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
package-lock.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
package.json added demo dashboard in node RED 2023-02-22 17:26:41 +01:00
README.md more documentation for node red 2023-02-22 17:28:23 +01:00
settings.js added demo dashboard in node RED 2023-02-22 17:26:41 +01:00

Node-RED

If you boot up our tech stack using docker-compose you already have a Node-RED instance running on your local machine.

First steps

For debuging I allready Node-RED's own dashboard (sure, we are going to use Grafana, later).

Overview

The dashboard should be visible on the righmost menu item in Node-RED.

Dashboard item

In Node-RED you can add a MQQT node to receive values from the power monitor.

MQTT Node

To simply display the values in a gauge (or chart) you can hook it up to a gauge node.

Gauge Node

In the dasboard section you have to create a tab. Inside this tab you have to create a group.

Dashboard Settings

The tricky part is putting the gauges in the group. This is done in the gauge's settings (not in the dashboard's settings).

Gauge Node

You can view the dashboard in an (also mobile) web browser.

Mobile view

Have a look at the flow also in this repository.