2023-02-22 16:18:17 +01:00
|
|
|
# Node-RED
|
|
|
|
|
2023-02-22 16:20:27 +01:00
|
|
|
If you boot up our tech stack using `docker-compose` you already have a Node-RED instance running on [your local machine](http://localhost:1880/).
|
2023-02-22 16:18:17 +01:00
|
|
|
|
2023-02-22 16:20:27 +01:00
|
|
|
## First steps
|
2023-02-22 16:18:17 +01:00
|
|
|
|
2023-02-22 16:20:27 +01:00
|
|
|
For debuging I am going to install Node-RED's own dashboard.
|
|
|
|
|
|
|
|
Shell into your Docker container.
|
|
|
|
|
|
|
|
![Lame, I know, using Docker Desktop](./docs/images/shell-into-with-the-desktop-app.png)
|
|
|
|
|
|
|
|
Inside the container you can install the Node-RED Dashboard (we will switch to Grafana, soon):
|
2023-02-22 16:18:17 +01:00
|
|
|
|
|
|
|
```sh
|
|
|
|
npm install node-red-dashboard
|
|
|
|
```
|
|
|
|
|
2023-02-22 16:22:25 +01:00
|
|
|
The dashboard should be visible on the righmost menu item in Node-RED.
|
2023-02-22 16:18:17 +01:00
|
|
|
|
|
|
|
![Dashboard item](./docs/images/dashboard.png)
|
|
|
|
|
2023-02-22 16:22:25 +01:00
|
|
|
In Node-RED you can add a MQQT node to receive values from the power monitor, hook it up to a gauge and display it on a dasboard.
|
2023-02-22 16:18:17 +01:00
|
|
|
|
|
|
|
![Overview](./docs/images/1-overview.png)
|
|
|
|
![MQTT Node](./docs/images/2-mqtt-node.png) ![Gauge NOde](./docs/images/3-gauge-node.png) ![Dashboard Settings](./docs/images/4-dashboard-node.png)
|
|
|
|
|
|
|
|
The dashboard looks like that.
|
|
|
|
|
|
|
|
![Mobile view](./docs/images/5-dashboard.png)
|
2023-02-22 16:27:14 +01:00
|
|
|
|
|
|
|
You can see this flow also in [this repository](./00-dashboard-example/dashboard.json).
|