本文共 1643 字，大约阅读时间需要 5 分钟。

Node-RED 是一款流程自动化工具，旨在通过可视化的方式编写和运行自动化流程。以下将详细介绍如何在 Windows 环境中安装、启动运行 Node-RED，如何导出导入流程为 JSON 文件，以及如何使用 Button 和 TextInput 组件。

Node-RED 简介

Node-RED 是基于 Node.js 的流程自动化平台，通过可视化拖放界面，用户可以创建、测试和部署自动化流程。它广泛应用于数据处理、系统自动化、集成开发等领域。

Node-RED 安装与运行

1. 下载安装

-前往 Node-RED 官方网站（https://nodered.com），选择相应版本下载安装包。-双击下载的 .exe 文件，按照提示完成安装。-安装完成后，打开 Node-RED IDE，输入以下命令启动：

node-red

2. 创建第一个流程

-打开 Node-RED IDE，拖拽一个 tab 节点（流程节点）到工作区。-拖拽一个 ui_button 节点（Button 组件），设置其 payload 为 1。-将 Button 节点的输出连接到 debug 节点，设置其显示 payload。

导出导入 JSON 文件

Node-RED 支持将流程导出为 JSON 文件，便于共享或迁移流程。

1. 导出流程

-右键点击工作区，选择 Export as JSON。-选择保存路径和文件名，点击 Save。-导出完成后，会生成一个 JSON 文件。

2. 导入流程

-在需要使用的项目中，右键点击工作区，选择 Import JSON。-选择 JSON 文件路径，点击 Import。-导入成功后，流程即可在新项目中使用。

实现 Button 和 TextInput 组件

1. Button 组件

-在工作区中拖拽 ui_button 节点。-设置其 label 为 开启，payload 为 1。-在 wires 中添加连接目标节点。

2. TextInput 组件

-拖拽 ui_text_input 节点。-设置 label 为 输入姓名：，mode 为 text。-设置 sendOnBlur 为 true，即可在文本框失去焦点时发送数据。

JSON 数据示例

以下是 Button 和 TextInput 组件的 JSON 配置示例：

{  "id": "f4a4d8eab7935bc8",  "type": "tab",  "label": "流程 3",  "disabled": false,  "info": "",  "env": []}

{  "id": "b704c867.534e98",  "type": "ui_button",  "z": "f4a4d8eab7935bc8",  "name": "",  "group": "248cbbb0.18e794",  "order": 0,  "width": 0,  "height": 0,  "passthru": false,  "label": "开启",  "tooltip": "",  "color": "",  "bgcolor": "",  "className": "",  "icon": "",  "payload": "1",  "payloadType": "num",  "topic": "topic",  "topicType": "msg",  "x": 290,  "y": 140,  "wires": ["bfd300fc.9119b"]}

访问 UI 页面

在 Node-RED 中，点击右上角的 View 按钮，进入仪表盘页面。

查看输出控制台

在 Node-RED IDE 中，点击 Ctrl + C 或右键点击 debug 节点，选择 Console 查看控制台输出。

通过以上步骤，用户可以快速上手 Node-RED，创建和运行自动化流程。

转载地址：http://yijfk.baihongyu.com/