Learning Node-RED 4.安装dashboard模块

Node-RED已经为我们提供了很多节点，随着Node-RED版本不断更新，越来越多的开发者为其做出了贡献，我们可以安装一些其他模块来满足开发的需要。

安装dashboard模块

在右上方的部署按钮右侧有个菜单，点击菜单，选择节点管理。

搜索“dashboard”关键字，按照下图点击安装即可。稍等片刻会提示安装成功。

接下来会发现左侧节点列表中会多出来dashboard模块。

关于dashboard

Node-RED-dashboard是提供Node-RED流程呈现资料的一种方式。dashboard节点提供多样的人机界面组件，适合用来呈物联网设备的监测数据，提供图形、仪表盘、文字输出界面等，也有按键、滑动条、文字等输入界面，另外提供有Template节点，让开发者自定义UI样式。dashboard可以设计多个页面（Tab）来呈现多选项卡的Node-RED资料，每一个选项卡也可以分成多个群组（Group）。目前Node-RED需要额外安装“Node-RED-dashboard”模块，才会有dashboard可用。

在上一节中我们实现了一个产生随机数的流程，接下来我们想让产生的这个随机数以可视化的形式展现出来。

从左侧的【dashboard】模块中选择Gauge节点，并按照如图连接。

双击Gauge节点，在Group属性中选择“添加新的ui_group节点”，点击后边的铅笔编辑按钮，进入新的选项卡。Name是UI组件的名字，Tab是选项卡（以后UI组件多了再说）。Name中我写的是“随机数”，Tab是“Home”。点击完成之后如图。

点击【部署】按钮，在浏览器中输入http://127.0.0.1:1880/ui/#/0 可以发现有了可视化界面。这正是dashboard的作用。

dashboard中还提供了折线图节点（chart），使用方法和Gauge节点一样，效果如图。