Integrate data streams to Node-RED dashboard

Integrate the real-time data published by your devices and clients to the cloud Node-RED Dashboard

Prerequisites

If you currently don't have a device or client publishing data to a data stream, learn how to publish real-time messages to the cloud with Node-RED, Javascript, or Python.

You also need to have a Cloud Node-RED server that subscribes to your real-time data streams. If you don't have one, learn how to spin up a secure Cloud Node-RED server, and subscribe to data streams.

Install Node-RED Dashboard Nodes

Navigate to the Node-RED of your cloud server. From the top right menu, click on Manage palette and select the Install tab.

In the search bar, search for dashboard and install the node-red-dashboard.

Integrate Data Streams

From the dashboard nodes on the left palette, drag and drop a gauge node and connect the desired data stream to it.

If you don't have a data stream, learn how to publish real-time data streams and how to subscribe to them in the cloud.

Double click on the gauge node to configure the settings and select or define a Tab and Group for this gauge on the dashboard.

From the top right arrow menu pick Dashboard, and click on the dashboard link icon to navigate to the dashboard url.

This dashboard webpage will be in the following format and publicly available over the internet. Since the dashboard is responsive, it will get resized properly for smaller screens such as your smartphone.

https://{subdomain}.{organization-name}.iotflows.com/ui/url

Congratulations! You successfully displayed a real-time data stream on a cloud Node-RED dashboard.

To learn more about the Node-RED dashboard, check out our getting started tutorial or visit its official documentation.

Last updated