npm 包 node-red-studio 使用教程

阅读时长 4 分钟读完

前言

Node-RED 是一个基于 Node.js 编写的流程编排工具,可以通过可视化的方式帮助开发者封装复杂的业务逻辑。Node-RED 提供了完整的可视化界面,用户可以通过拖拉模块搭建流程,并对各个节点进行参数配置。

Node-RED 的流程图非常易读易懂,对于需要快速实现业务逻辑的团队非常友好。本文将介绍如何使用 npm 包 node-red-studio 进行开发。

前置条件

使用 node-red-studio 进行开发,你需要先安装 Node.js 和 NPM。官网的下载地址为:https://nodejs.org。

安装

命令行执行如下命令:

快速上手

执行如下命令启动 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 示例程序:

  1. 新增 "httpget" 节点,并配置 URL 地址为:https://httpbin.org/get

  2. 新增 "function" 节点,在脚本编辑区域输入如下代码:

  1. 在 "httpget" 节点的输出端口连线到 "function" 节点的输入端口

  2. 点击 "Deploy",运行程序。然后打开浏览器,输入 URL 地址:http://127.0.0.1:1880/httpget,即可看到获取到的响应数据:

总结

本文主要介绍了如何使用 npm 包 node-red-studio 进行快速开发,以及如何编辑脚本和使用 node-red-studio 提供的特色功能。

Node-RED 是一个非常实用的流程编排工具,可以非常方便地实现多种业务场景,特别是对于团队合作开发非常友好。希望本文对您有所帮助,谢谢!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/63900

纠错
反馈