前言
Node-RED 是一个基于 Node.js 编写的流程编排工具,可以通过可视化的方式帮助开发者封装复杂的业务逻辑。Node-RED 提供了完整的可视化界面,用户可以通过拖拉模块搭建流程,并对各个节点进行参数配置。
Node-RED 的流程图非常易读易懂,对于需要快速实现业务逻辑的团队非常友好。本文将介绍如何使用 npm 包 node-red-studio 进行开发。
前置条件
使用 node-red-studio 进行开发,你需要先安装 Node.js 和 NPM。官网的下载地址为:https://nodejs.org。
安装
命令行执行如下命令:
npm install -g node-red-studio
快速上手
执行如下命令启动 node-red-studio:
node-red-studio
打开浏览器,输入地址:http://127.0.0.1:3000/。
可以看到 node-red-studio 的用户界面:
点击右上角新增项目,输入项目名称,选择模板类型,点击创建。
项目创建后,可以看到主界面:
这个界面包含项目的配置信息以及节点拓扑图。
从左侧工具箱拖拉节点进入拓扑图中,进行节点的连线配置。
编辑脚本
在 node-red-studio 中使用 JavaScript 脚本进行开发,可以使用 Node.js 所有的 API 函数。
编辑节点
node-red-studio 的节点编辑面板可以自由编辑节点信息和属性,支持以下几个主要元素:
- Input
- Button
- Checkbox
- Datepicker
- Field
- Form
- Label
- Number
- Radio
- Select
- Text
根据实际场景进行节点组合和属性配置。
脚本编辑
点击节点中的编辑按钮可以进入脚本编辑面板。在这个面板中可以输入您的自定义 JavaScript 脚本。
脚本编辑的区域可以自由调整大小,全屏显示代码。
API
您可以使用 Node.js 提供的所有 API 函数进行开发。
- fs: 文件系统 API 函数
- http: HTTP 服务 API 函数
- Buffer: 缓冲区 API 函数
- 等等...
特色功能
node-red-studio 提供了以下几个特色功能:
- 节点示例库:使用 node-red-studio 时,您可以使用其他人的节点示例进行学习和参考
- 共享节点:将您的节点分享给其他人,并通过平台接受回馈和获得动力
- 节点创建器:允许您创建自己的节点模板,并启用模板库
- 模板库:允许您与其他人合作,在模板库中提供模板信息,以供其他人使用
教程示例
下面是一个简单的 node-red-studio 示例程序:
新增 "httpget" 节点,并配置 URL 地址为:
https://httpbin.org/get
新增 "function" 节点,在脚本编辑区域输入如下代码:
message.payload = JSON.parse(message.payload); return { payload: message.payload.args }
在 "httpget" 节点的输出端口连线到 "function" 节点的输入端口
点击 "Deploy",运行程序。然后打开浏览器,输入 URL 地址:
http://127.0.0.1:1880/httpget
,即可看到获取到的响应数据:
{ "random": "0.8637430849401718", "url": "https://httpbin.org/get" }
总结
本文主要介绍了如何使用 npm 包 node-red-studio 进行快速开发,以及如何编辑脚本和使用 node-red-studio 提供的特色功能。
Node-RED 是一个非常实用的流程编排工具,可以非常方便地实现多种业务场景,特别是对于团队合作开发非常友好。希望本文对您有所帮助,谢谢!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/63900