likes
comments
collection
share

Node-RED, 一款基于流的低代码编程工具

作者站长头像
站长
· 阅读数 4

Node-RED, 一款基于流的低代码编程工具

笔者最近在逛github社区的时候发现一个非常有意思的工具—— Node-RED, 官网非常简洁, 接下来我就来给大家介绍一下该工具和使用方法.

Node-RED 是一种编程工具,用于以新颖有趣的方式将硬件设备API在线服务连接在一起。

它提供了一个基于浏览器的编辑器,使得我们可以轻松地使用编辑面板中的各种节点将流连接在一起,只需单击即可将其部署到其运行时。界面如下:

Node-RED, 一款基于流的低代码编程工具

基于浏览器的流程编辑

Node-RED, 一款基于流的低代码编程工具

Node-RED 可以在本地安装, 并通过浏览器来访问其可视化编排界面, 其次我们还可以使用富文本编辑器在编辑器中创建JavaScript函数, 内置库还允许我们保存有用的功能,模板或流程以供重复使用。如下:

Node-RED, 一款基于流的低代码编程工具

建立在Node.js之上

Node-RED, 一款基于流的低代码编程工具

轻量级运行时基于Node.js构建,充分利用了事件驱动的非阻塞模型。这使得它非常适合在低成本的硬件(如Raspberry Pi)上的网络边缘以及云中运行。

Node的软件包存储库中有超过225,000个模块,可以轻松扩展面板节点的范围以添加新功能。

社区共享

Node-RED, 一款基于流的低代码编程工具

Node-RED中创建的流使用JSON存储,可以轻松导入和导出以与他人共享。 在线流程库使我们可以与世界分享最佳流程。

安装和使用

Node-RED的安装和使用也非常简单, 笔者这里介绍一下基本的安装方式.

我们需要先在电脑中全局安装Nodejs, 大家可以在官网自行下载. 其次我们输入如下命令下载Node-RED :

sudo npm install -g --unsafe-perm node-red

出现如下界面就说明已经安装成功了.

Node-RED, 一款基于流的低代码编程工具

最后执行:

node-red

即可启动Node-RED服务, 我们在浏览器输入终端打印的如下地址即可访问使用:

Node-RED, 一款基于流的低代码编程工具

运行后的界面如下:

Node-RED, 一款基于流的低代码编程工具

Node-RED, 一款基于流的低代码编程工具

Node-RED, 一款基于流的低代码编程工具

最后

最近我们的主要方向是H5-Dooring编辑器2.0的开发和可视化大屏搭建平台的升级和优化, 后面会出线上版demo, 欢迎大家把玩.

更多开源可视化产品:

觉得有用 ?喜欢就收藏,顺便点个赞吧,你的支持是我最大的鼓励!微信搜 “趣谈前端”,发现更多有趣的H5游戏, webpack,node,gulp,css3,javascript,nodeJS,canvas数据可视化等前端知识和实战.