As a visual drag flow for the Internet of Things, Node-Red is really easy to get started with. For those of you who haven’t started yet, take a look at my previous articles

  • Internet of Things platform Node-RED series (1) : Introduction and installation of Node-Red

  • Internet of Things platform Node-RED series (2) : The operation of node-Red panel

  • Internet of Things platform Node-RED series (3) : The use of Node-Red public nodes

  • Internet of Things platform Node-RED series (4) : The use of Node-Red function nodes

  • Internet of Things platform Node-RED series (5) : the use of Node-Red sequence nodes

  • Internet of Things platform Node-RED series (6) : Use of Node-Red parsing nodes

  • Internet of Things platform Node-RED Series (7) : Use of Node-Red storage nodes

  • Internet of Things platform Node-RED Series (8) : Use of Node-Red network nodes

In this installment, I’m going to introduce you to Node-Red’s third-party Node library, Dashboard, which provides another configurable UI page that can be configured with form elements, as well as charts. Take a look at some of the panels others have made using Dashboard

Isn’t it beautiful?

Let’s install the node library and try out some of its nodes.

So the first thing we’re going to do is install this library and hit Settings

Open the Settings panel

Search for the Dashboard node library

The full name is node-red-Dashboard and when it comes up, click Install,

The installation will take a while. Just a moment. After installation, refresh the page. You can see the corresponding node on the left side of the node list

There are 16 nodes

  • Button Button node
  • Dropdown Select a node from the drop-down list
  • Switch Switch node
  • The slider round figure
  • Numeric numeric slider
  • Text Input Indicates the text input
  • Date picker Date picker
  • Colour picker Colour picker
  • Form form
  • Text Text display
  • The gauge dashboards
  • The chart shows that
  • Audio out Indicates the audio output
  • Notification notice
  • UI Control UI control
  • Template template

Once installed and ready to use, first drag and drop a button node into Flow and double-click the button node to edit the details. First, the Group input box is red, which means we need to improve the Group property first.

Click on the pen on the right

Click to enter a Group configuration page

But the Tab Tab is also red, so go ahead and refine the underlying configuration, and click

Is a Tab configuration page, Tab configuration name, and icon. ICONS available in klarsys. Making. IO/presents – mat…

After all configurations are complete

Click Finish. Click the deployment

So we deploy a button node to Dashboard, and then we go to see the page. The default is to access the UI at this address. http:// ip+port/ui

I, for example, the Node – RED visit http://192.168.99.102:1880/#

The UI access address is http://192.168.99.102:1880/ui/