【第四.一篇】Node-RED Dashboard安装

1 执行命令 cd ~/.node-red

 .node-red

• 文件名前面带一个点（.），在 Linux/Unix 系统里表示这是一个隐藏文件夹（用 ls 默认不会显示，需要加 ls -a 才能看到）
• node-red 是这个目录的名字

这个目录是干什么的？

~/.node-red 是 Node-RED（一个基于 Node.js 的可视化编程/物联网流程编排工具，常用于搭建自动化流程、连接各种硬件和服务）的默认用户数据目录。

这个目录里通常存放：

• settings.js —— Node-RED 的配置文件（比如端口号、用户名密码、是否启用安全验证等）
• flows.json —— 你在 Node-RED 网页界面里搭建的流程（flow）数据，相当于你的"项目文件"
• node_modules/ —— 你额外安装的 Node-RED 节点（插件）
• flows_cred.json —— 流程中涉及的加密凭据信息

2.执行 npm install node-red-dashboard 命令

 

我选择升级npm，因忘记加sudo 前缀所以权限不足失败  然后Node-RED 让插件生效： pm2 restart node-red

3.访问  http://192.168.112.130:1880/ 

🎉 Node-RED 编辑器成功打开！而且 Dashboard 已经装好了！

看左下角已经出现了 dashboard 分组，里面有 button、dropdown、switch、slider 等可视化组件，说明安装成功了。

和原来的区别是：

• 原来左侧没有 dashboard 这个分组
• 现在多了一整套可视化节点

 

模拟温度传感器实时折线图

按照以下步骤在画布上操作：

第一步： 左侧找到 通用 分组，把 inject 节点拖到画布

第二步： 左侧找到 功能 分组，把 function 节点拖到画布

第三步： 左侧找到 dashboard 分组，把 chart 节点拖到画布

第四步： 用线把三个节点连起来：

[inject] → [function] → [chart]

第一步：配置 inject 节点（时间戳）

双击 时间戳 节点，设置：

• 重复：选 间隔
• 每隔：3 秒
• 点 完成

 

 

第二步：配置 function 节点

双击 function 1 节点，把代码改成：

javascript

// 模拟温度传感器，生成 20-100 之间的随机温度
var temp = Math.floor(Math.random() * 80) + 20;
msg.payload = temp;
return msg;

点 完成

 

第三步：配置 chart 节点

双击 chart 节点：

• Group：点右边的 + 新建，名字填 温度监控，点 新增
• Label：填 温度 °C
• 其他默认

点 完成

 

访问  http://192.168.112.130:1880/ui

 这块是模拟数据，后面我想按照真正场景数据弄一下，形成闭环，加深理解

 

 

不过做这个感觉特别像以前做bpm开发，工作流非常像。和这个功能非常雷同