Node-RED的面板的认识及操作
🎬 江城开朗的豌豆：个人主页
🔥 个人专栏 :《 VUE 》 《 javaScript 》
📝 个人网站 :《 江城开朗的豌豆🫛 》
⛺️ 生活的理想，就是为了理想的生活 !
目录
📘 文章引言
📟 面板1:默认节点选项列表
📟 面板2:帮助面板
📟 面板3:调试窗口
📟 面板4：编辑区域
📟 面板5：主设置菜单与部署功能
📘 文章引言
⭐ 写在最后
📘 文章引言
在现代物联网和自动化领域，Node-RED 作为一种强大的可视化编程工具，已广泛应用于数据流和设备状态的监控与管理。为了支持公司在测试设备数据及状态的需求，我决定深入学习 Node-RED 的面板操作。通过记录我的学习过程与心得，旨在为未来的项目提供便利的参考与查询，从而提高工作效率，助力团队实现更高效的数据处理与分析。
📟 面板1:默认节点选项列表
通用：一些公共的节点，用于协助调试，捕获异常，或某个特殊时间点触发
功能：这里的节点都是处理消息体，逻辑分流，设置模板，延迟，执行
网络：网络节点是实现了各种协议的通讯协议，mqtt，http，websocket，tcp，udp
序列化：对消息体进行分割，组合，排序，或创建的一些实现
解析：这些节点用于实现将csv，html，json，xml，yaml解析成想要的数据格式。
存储：对文件的几种操作，写入，读取文件，监听一个文件目录，或者添加要监视的内容到配置的文件中
📟 面板2:帮助面板
帮助面板扮演着至关重要的角色。它不仅为用户提供了必要的指导和支持，还帮助我们更有效地理解和操作各种功能模块。
帮助面板在右侧，有一个小书本的图标，点击它我们节点帮助， 点击任意一个节点，我们都能看到这个节点的解释，包括输入，输出，详细介绍。很多是中文的，但有一部分新的节点，官方还没来得及汉化，只能看中文的啦。
📟 面板3:调试窗口
在右侧有一个虫子形状的图标，点击后会显示调试控制面板。这个面板需要与 debug 节点一起使用，可以用来打印流中的数据。接下来，我们将简单创建一个流来查看调试信息。
首先，在编辑区域添加两个节点：一个是 inject 节点，另一个是 debug 节点。配置 inject 节点后，将这两个节点连接起来，从 inject 连接到 debug。完成连接后，记得点击右上角的红色按钮进行部署。请注意，任何节点配置的修改后都需点击部署，新的配置才能生效。
📟 面板4：编辑区域
这里的“编辑”指的是红色区域，它是我们的主要编辑区域。顶部的标签代表每一个流，双击标签可以打开流的编辑信息。在这里，您可以重命名流并编辑描述信息。
如果你双击的是空白处，则会新增一个流，名称是默认的，此外你也可以使用快捷键
Ctrl + F来搜索流程在编辑区域你可以随意删除一条线，一个节点，甚至选中的一批节点，只需要用鼠标左键选中一个区域内的所有节点，按下
Del键即可删除。点击底部可以打开编辑区域的小地图，扩大，缩小，重设视图。
📟 面板5：主设置菜单与部署功能
最右上角的三行是主菜单按钮，点击后会出现一个操作区域。在这里，我们可以以 JSON 格式导出或导入流，也可以编辑软件的快捷键。
如果您想添加第三方的 Node-RED 包，需要点击“设置”，然后选择“控制版”，接着点击“安装”，输入模块名称进行搜索，最后点击“安装”。
此外，部署按钮默认会部署所有流。如果您想对特定流进行部署，可以点击部署按钮旁边的白色下三角，会出现四个选项。您可以选择只部署已更改的流、只部署已更改的节点，或者重启当前部署的流程。
📘 文章引言
总体来看，网页设计得相当不错，且拥有自己的生态系统，允许用户编写 Node-RED 库来支持硬件或服务。不过，我觉得编辑区域的固定布局有些不便，因为只能通过滚动条调整视图，如果能像地图那样拖动就更理想了。此外，我注意到一些中文翻译并不太准确，甚至有些地方没有中文。如果有时间的话，建议向他们提交一些改进建议。
⭐ 写在最后
请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.
✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式
✅ 认为我部分代码过于老旧,可以提供新的API或最新语法
✅ 对于文章中部分内容不理解
✅ 解答我文章中一些疑问
✅ 认为某些交互,功能需要优化,发现BUG
✅ 想要添加新功能,对于整体的设计,外观有更好的建议
最后感谢各位的耐心观看，既然都到这了，点个 👍赞再走吧！