文档 • 教程 • 第一个流程

创建你的第一个流程

概述

本教程将介绍 Node-RED 编辑器，并创建一个演示注入、调试和函数节点的流程。

1. 访问编辑器

Node-RED 运行后，在网络浏览器中打开编辑器。

如果你在运行 Node-RED 的同一台计算机上使用浏览器，可以通过 URL 访问：https://:1880。

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

2. 添加一个注入节点

注入节点允许你向流程中注入消息，可以通过点击节点上的按钮，或者设置注入之间的时间间隔。

从节点面板中将其拖放到工作区。

选择新添加的注入节点，以在信息侧边栏窗格中查看其属性信息和功能描述。

3. 添加一个调试节点

调试节点会使任何消息显示在调试侧边栏中。默认情况下，它只显示消息的有效载荷，但也可以显示整个消息对象。

4. 将两者连接起来

通过拖动一个节点的输出端口到另一个节点的输入端口，将注入节点和调试节点连接起来。

5. 部署

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

点击“部署”按钮。

6. 注入

选择“调试”侧边栏选项卡，点击“注入”按钮（注入节点旁边的那个小方块按钮）。你应该会在侧边栏中看到数字出现。默认情况下，注入节点使用自 1970 年 1 月 1 日以来的毫秒数作为其有效载荷。

7. 添加一个函数节点

函数节点允许你通过 JavaScript 函数处理每条消息。

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

在注入节点和调试节点之间连接一个函数节点。

双击函数节点以弹出编辑对话框。将以下代码复制到函数字段中

// 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;

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

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

摘要

此流程演示了创建流程的基本概念。它展示了如何使用注入节点手动触发流程，以及调试节点如何在侧边栏中显示消息。它还展示了如何使用函数节点编写自定义 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"]]}]

下一步

创建你的第二个流程