概述
本教程将介绍Node-RED编辑器,并创建一个用于演示注入节点、调试节点和函数节点的流。
- 访问编辑器
在Node-RED运行状态下,通过网页浏览器打开编辑器。
如果浏览器与运行Node-RED的计算机是同一台设备,可通过以下网址访问:http://localhost:1880
如果使用其他计算机的浏览器,则需要使用运行Node-RED设备的IP地址:http://<ip-address>:1880
- 添加注入节点
注入节点支持通过点击节点按钮或设置时间间隔的方式,向流中注入消息。
从左侧节点面板拖拽一个注入节点至工作区。
选中新添加的注入节点,可在右侧信息边栏中查看其属性说明和功能描述。
添加调试节点
调试节点可将消息显示在调试边栏中。默认情况下仅显示消息载荷,但也可配置为显示完整消息对象。
连接节点
通过拖拽连接注入节点的输出端口和调试节点的输入端口,将两个节点连接起来。
部署
此时节点仅存在于编辑器中,需将其部署到服务器才能生效。
点击右上角的“部署”按钮。
注入
选中调试边栏标签页,点击注入节点侧边的小方钮按钮。您将在边栏中看到数字显示。默认情况下,注入节点会使用自1970年1月1日至今的毫秒数作为载荷。
添加函数节点
函数节点允许您通过JavaScript函数处理每个消息。
删除现有连接线(选中后按键盘删除键)。
在注入节点和调试节点之间插入函数节点。
双击函数节点打开编辑对话框,将以下代码复制到函数编辑区:
var date = new Date(msg.payload);
msg.payload = date.toString();
return msg;
点击“完成”关闭对话框,然后点击部署按钮。
现在当您点击注入按钮时,边栏中显示的消息将转换为可读的时间戳格式。
总结
本流演示了创建流的基本概念:展示如何使用注入节点手动触发流,如何通过调试节点在边栏显示消息,以及如何运用函数节点编写自定义JavaScript代码处理消息。
源码
本教程创建的流对应以下JSON数据。如需导入编辑器,请复制后粘贴至导入对话框:
[{"id":"58ffae9d.a7005","type":"debug","name":"","active":true,"complete":false,"x":640,"y":200,"wires":[]},{"id":"17626462.e89d9c","type":"inject","name":"","topic":"","payload":"","repeat":"","once":false,"x":240,"y":200,"wires":[["2921667d.d6de9a"]]},{"id":"2921667d.d6de9a","type":"function","name":"格式化时间戳","func":"// 通过载荷创建日期对象\nvar date = new Date(msg.payload);\n// 将载荷转换为格式化日期字符串\nmsg.payload = date.toString();\n// 返回消息以便继续传递\nreturn msg;","outputs":1,"x":440,"y":200,"wires":[["58ffae9d.a7005"]]}]
下一步
创建您的第二个流
相关阅读
编辑器使用指南
核心节点详解
消息处理机制
函数节点应用技巧