10、Node-RED 可视化界面搭建与 MQTT 通信全解析

Node-RED 可视化界面搭建与 MQTT 通信全解析

1. Node-RED 基础节点连接与应用

在 Node-RED 中，我们可以通过简单的节点连接来实现特定功能。以颜色选择为例，首先将 ‘Dropdown’ 节点的输出连接到 “Function” 节点的输入，再把 “Function” 节点的输出连接到 Text 小部件节点的输入。完成连接后，点击 ‘Deploy’ 部署流程。部署成功后，在 Node-RED 仪表板上会出现一个标有 “Color Selection” 的下拉菜单。当从下拉菜单中选择一种颜色时，会向函数节点发送一条包含所选颜色值（如 “red”）的消息。函数节点会将其转换为类似 “The selected colour is red” 的消息，并发送到文本小部件，调试节点会将该消息打印到仪表板上。

2. Form 小部件的使用

Form 小部件是 Node-RED 仪表板中用于创建交互式用户界面的强大工具，可创建包含多个输入字段的表单。
- 设置 Form 小部件步骤 ：
1. 从节点面板的仪表板类别中拖放一个 ‘Form’ 节点到工作区。
2. 双击该节点打开其配置设置。
3. 设置 ‘Group’ 字段，将节点分配到用户界面组。
4. 在 ‘Label’ 字段中，为仪表板上显示的表单提供一个名称。
5. 在 ‘Form Fields’ 部分，添加要包含在表单中的输入字段，根据需要指定每个输入字段的类型、标签和选项，可通过点击 “+” 按钮添加多个输入字段。
6. 在 ‘Submit’ 字段中，提供提交按钮上要显示的文本。
7. 在