docs • 教程 • 第一个流程

创建你的第一个流程

概述

本教程将介绍Node-RED编辑器，并创建一个演示Inject、Debug和Function节点的流程。

1. 访问编辑器

在Node-RED 运行时，通过网页浏览器打开编辑器。

如果您使用的是运行Node-RED的同一台计算机上的浏览器，可以通过以下网址访问：http://localhost:1880。

如果您在另一台计算机上使用浏览器，您需要使用运行Node-RED的计算机的IP地址：http://:1880。

2. 添加一个Inject节点

Inject节点允许您通过点击节点上的按钮或设置注入间隔时间，将消息注入到流程中。

从调色板拖拽一个到工作区。

选择新添加的Inject节点，可在信息侧边栏面板中查看其属性信息及功能描述。

3. 添加一个调试节点

Debug节点会将任何消息显示在Debug侧边栏中。默认情况下，它仅显示消息的有效载荷(payload)，但也可以显示完整的消息对象。

4. 将两者连接起来

通过拖拽连接一个节点的输出端口到另一个节点的输入端口，将Inject和Debug节点连接在一起。

5. 部署

此时，节点仅存在于编辑器中，必须部署到服务器上。

点击部署按钮。

6. 注入

选中调试侧边栏选项卡后，点击注入按钮（注入节点旁边的小方形按钮）。您应该会看到侧边栏中显示数字。默认情况下，注入节点使用自1970年1月1日以来的毫秒数作为其有效载荷。

7. 添加一个Function节点

Function节点允许您通过JavaScript函数传递每条消息。

删除现有的连线（选中它并按键盘上的删除键）。

在Inject和Debug节点之间连接一个Function节点。

双击Function节点打开编辑对话框。将以下代码复制到函数字段中：

// Create a Date object from the payload
var date = new Date(msg.payload);
// Change the payload to be a formatted Date string
msg.payload = date.toString();
// Return the message so it can be sent on
return msg;

点击"完成"关闭编辑对话框，然后点击部署按钮。

现在当你点击注入按钮时，侧边栏中的消息将以可读的时间戳格式显示。

概述

该流程演示了创建流程的基本概念。它展示了如何使用Inject节点手动触发流程，以及Debug节点如何在侧边栏显示消息。它还展示了如何使用Function节点编写自定义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":"Format timestamp","func":"// Create a Date object from the payload\nvar date = new Date(msg.payload);\n// Change the payload to be a formatted Date string\nmsg.payload = date.toString();\n// Return the message so it can be sent on\nreturn msg;","outputs":1,"x":440,"y":200,"wires":[["58ffae9d.a7005"]]}]

下一步

创建你的第二个流程