3.1 创建第一个流程

本节介绍了Node-RED编辑器的基本使用方法并创建了一个流程来演示inject、debug和function节点，希望抛开枯燥的技术细节快速体会Node-RED的使用方式。

3.1.1 访问编辑器

在Node-RED成功运行的情况下，通过Web浏览器中打开Node-RED图形编辑器。此时，如果你在运行Node-RED的同一台计算机上使用浏览器，则可以使用URL（http://localhost:1880）访问。如果你在另一台计算机上使用浏览器，则需要使用运行Node-RED的计算机的IP地址（http://<ip-address>:1880）。在浏览器打开的Node-RED编辑器界面如图3-1所示。

3.1.2 添加inject节点

将inject节点从节点面板拖到工作区。

inject节点通常是一个流程的起点。它的作用有两个：一是向流程注入消息，二是设置流程运行的时间规律。选择新添加的inject节点并在右侧边栏单击 按钮查看inject节点帮助说明，界面如图3-2所示。

3.1.3 添加debug节点

将debug节点从节点面板拖到工作区，如图3-3所示。

debug节点会将信息显示在右侧边栏调试窗口中。默认情况下，它只显示消息的有效负载（msg.payload），但也可以显示整个消息对象（msg）。选择新添加的debug节点并在右侧边栏单击 按钮查看有关其属性的信息以及功能描述。

3.1.4 将inject节点和debug节点连接在一起

单击鼠标左键从inject节点的输出端口拖到debug节点的输入端口，两者间将出现一条实线，将inject节点和debug节点连接在一起，如图3-4所示。

3.1.5 部署

此时，节点只存在于编辑器中，必须部署到服务器上才能运行。单击“部署”按钮。“部署”按钮为红色，表示有程序更新待部署；“部署”按钮为灰色，表示没有更新，如图3-5所示。

3.1.6 注入

单击右侧边栏的甲壳虫按键 ，切换到调试窗口；然后单击“注入”按键。我们可以在侧边栏看到数字。默认情况下，inject节点使用自1970年1月1日以来的毫秒数作为有效负载。这就是一个简单的流程执行。inject节点发送了一个时间戳数据payload给debug节点，debug节点把它直接打印在调试窗口，如图3-6所示。

3.1.7 添加function节点

删除现有连线（鼠标左键选中连线并点击键盘上的删除键）。在inject和debug节点之间加入一个function节点，并连接它们。function节点允许通过JavaScript函数传递消息。图3-7为完整的流程示意图。

双击function节点打开编辑对话框。将以下代码复制到“函数”字段中，界面如图3-8所示。

单击“完成”按钮关闭编辑对话框，然后单击“部署”按钮。现在，当你单击“注入”按钮时，右侧边栏的调试窗口信息将被格式化为可读的时间戳，如图3-9所示。

此流程演示了创建流程的基本概念。它展示了如何使用inject节点手动触发流程，debug节点如何在右侧边栏显示消息，以及如何使用function节点编写自定义JavaScript函数以处理消息。