首先我们要了解dashboard这个库, 库的介绍,https://flows.nodered.org/node/node-red-dashboard库的github源码https://github.com/node-red/node-red-dashboard目前899个star,还是挺不错的。 dashboard的布局可以看做是一个网格布局,每一个group(组),都有一个默认的宽度,6个单位(每个单位48px,并且6px的间隔...
1 打开我们的node-red流程 2 在左侧节点往下滑找到"dashboard"➜"button"，把button组件拖入界面中 3 双击“button”组件，修改组件显示的名字为“LED”4 编辑“button”组件的页面标签“马思雨的智能家居”和组件所属的区域“8266LED”5 最后把组件和需要控制的t002LED连接起来，点击“部署”6 打开node-RED Da...
上面讲了node-red中获取mqtt数据的调试过程。 如果要模拟通过温度传感器的mqtt订阅的主题中获取温度数据并在能显示仪表盘的界面中 实时检测刷新数据。 node-red支持自定义节点,当然也就支持自定义图形化的节点。也有优秀的开发者把自己建立的图形化节点无偿分享。 我们常用的图形化节点叫做仪表板,dashboard,也能做出效...
掌握Node-RED的基本操作,能够利用Node-RED自己动手搭建出柔性动态可重构的“链式”物联网 掌握Docker、Portainer、MQTT相关原理与基本操作 课程简介 Node-RED入门教程:Node-RED是工业网物联网的重要组成部分,我最开始接触Node-RED,也算是一个偶然的机会吧,上班后领导安排我的第一个任务就是调研一下Node-RED,我之后...
1、安装node-red 运行node-red,找到节点管理 找到安装,搜索dashboard,点击node-red-dashboard的安装 安装成功之后会添加一些新的UI节点。 2、继续上面的mqtt in节点后面,拖拽一个guage节点,并连接 3、双击该gauge节点 给其编辑一个分组,label设置显示的标签,min与max设置最大最小值,Units设置单位,Name设置节点显示...
1 dashboard 是作为人机交互用的 节点安装名称为 node-red-dashboard , 属于 node-red 官方团队维护的一个库 2 常用控件 安装好之后, 右上角就有 dashboard 的操作功能了 dashboard 会影响后端的执行效率,因此能不装就不装 按钮label , 输入框 text, 标签 label, 这些控件比较常见 ...
Node-RED教程(一):Node-RED的介绍与安装 Node-RED教程(二):Node-RED的面板的操作 Node-RED教程(三):Node-RED公共节点的使用 Node-RED教程(四):Node-RED函数节点的使用 Node-RED教程(五):Node-RED序列节点的使用 Node-RED教程(六):Node-RED解析节点的使用 ...
掌握Node-RED的基本操作,能够利用Node-RED自己动手搭建出柔性动态可重构的“链式”物联网 掌握Docker、Portainer、MQTT相关原理与基本操作 课程简介 Node-RED入门教程:Node-RED是工业网物联网的重要组成部分,我最开始接触Node-RED,也算是一个偶然的机会吧,上班后领导安排我的第一个任务就是调研一下Node-RED,我之后...
A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard - dragonxu/node-red-contrib-ui-svg
Breaking Change in Rendering v-textarea (and others components) with Node-RED Dashboard v1.16 bug size:S - 2 #1261 opened Sep 2, 2024 by andrea-tomassi 1 Hover to show all topics in x property value when hovering feature-request size:S - 2 #1254 opened Sep 1, 2024 by E1cid ...