Node-RED教程（一）：Node-RED的介绍与安装

系统管理员 2022-12-31 05:22 3610阅读 0赞

Node-RED系列文章目前已经写了16篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。

*  [Node-RED教程（一）：Node-RED的介绍与安装][Node-RED_Node-RED]
 *  [Node-RED教程（二）：Node-RED的面板的操作][Node-RED_Node-RED 1]
 *  [Node-RED教程（三）：Node-RED公共节点的使用][Node-RED_Node-RED 2]
 *  [ Node-RED教程（四）：Node-RED函数节点的使用 ][Node-RED_Node-RED_]
 *  [ Node-RED教程（五）：Node-RED序列节点的使用 ][Node-RED_Node-RED_ 1]
 *  [ Node-RED教程（六）：Node-RED解析节点的使用 ][Node-RED_Node-RED_ 2]
 *  [Node-RED教程（七）：Node-RED存储节点的使用 ][Node-RED_Node-RED_ 3]
 *  [Node-RED教程（八）：Node-RED网络节点的使用 ][Node-RED_Node-RED_ 4]
 *  [Node-RED教程（九）：Node-RED面板dashboard节点的使用][Node-RED_Node-RED_dashboard]
 *  [Node-RED教程（十）：Node-RED面板dashboard节点的配置][Node-RED_Node-RED_dashboard 1]
 *  [Node-RED教程（十一）：Node-RED面板chart节点的使用案例][Node-RED_Node-RED_chart]
 *  [Node-RED教程（十二）：定制化节点教程][Node-RED]
 *  [Node-RED教程（十三）：三种方式安装启动安装Node-Red][Node-RED_Node-Red]
 *  [Node-RED教程（十四）：定制Node-RED的UI][Node-RED_Node-RED_UI]
 *  [Node-RED教程（十五）：工业仪表盘开发][Node-RED 1]
 *  [Node-RED教程（十六）：发布自定义Node-RED的npm包][Node-RED_Node-RED_npm]
 *  [Node-RED系列（十七）：使用自定义UI节点网与flow交互][Node-RED_UI_flow]
 *  [Node-RED系列（十八）：配置静态目录，使用echarts.js，three.js][Node-RED_echarts.js_three.js]
 *  [Node-RED系列（十九）：工业多图标面板制作][Node-RED 2]
 *  [Node-RED系列（二十）：一文让你彻底了解物联网平台Node-RED][Node-RED_Node-RED 3]
 *  [Node-RED系列（二一）：安装mqtt环境，简单使用案例，mqtt节点解析][Node-RED_mqtt_mqtt]
 *  [Node-RED系列（二十）：一文让你彻底了解物联网平台Node-RED][Node-RED_Node-RED 3]

#### Node-RED的介绍及优点 ####

随着物联网的不断发展，各种物联网相关的技术也在不断发展，开源的平台也有很多，其中就有一个特别优秀的项目，它就是**Node-RED**,这个项目是由IBM新兴技术服务团队构建的可视化物联网编排工具，可基于浏览器的流程编辑器连接设备、服务器和 API 应用。  
这句对于Node-RED的介绍是来自官方的，增加了很多概念性的词语,这里稍作解释一下。  
首先这个项目是有IBM公司的二名研究员创建的，旨在用于快速，低成本地搭建一个Iot平台，但后来的反正，改项目不仅仅用于构建一个物联网平台，还有很多用处。目前这个项目已经是OpenJS Foundation的一部分了。  
此外他是一个可视化的项目，后台使用的是NodeJS语言，提供了Web页面，来编写Flow，  
这是改项目提供的页面。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]

这里的Flow你可以理解为一个最小可用的服务。创建Flow的主要方式是通过在浏览器拖拽完成的。所有所见即所得,基于浏览器的流程编辑，所以说他是一个可视化的编排工具。此外它还支持，http，mqtt，websocket，tcp，utp，等协议。支持所有主流的链接设备和服务器。此外他还是一个可以无限扩展的平台，目前平台有超过225,000个模块，你可以轻松地在扩展面板中添加并使用他们。

总结一下Node-RED工具的特点

*  可视化，直接在浏览器拖拽创建Flow
 *  平台可使用模块丰富
 *  支持http，mqtt，websocket，tcp，utp协议
 *  使用Nodejs事件驱动的非阻塞模型，非常适合在低成本硬件运行
 *  完全开源，可以自主开发

#### Node-RED的安装 ####

接下来我将给大家演示一下，如何在ubuntu上安装Node-RED，官方提供了很多种安装方式，使用源码安装，在树莓派安装，使用Docker安装，在安卓，AWS,IBM Cloud中安装， 我们采用Docker的方式来安装。  
首先在unbuntu上安装Docker，这一步不是重点，这里只提供操作命令，不做过多解释了。

# 代码归“拿我格子衫来”所属
    # 脚本安装docker
    curl -fsSL https://get.docker.com -o get-docker.sh
    sudo sh get-docker.sh
    
    sudo groupadd docker     #添加docker用户组
    sudo gpasswd -a $USER docker     #将登陆用户加入到docker用户组中
    newgrp docker     #更新用户组
    docker ps    #测试docker命令是否可以使用sudo正常使用

如果最后一步输入`docker ps` 没有报错就说明docker已经安装成功了。

安装docker后，执行下面这一句,下载Node-RED的官方镜像

docker pull nodered/node-red

由于docker hub限速的原因，可能会下载的比较慢，有条件的可以，\*\*你懂得.  
下载完成后，执行一下这个命令

docker run -it -p 1880:1880 -v node_red_data:/data --name mynodered nodered/node-red

docker run - 运行一个容器，如果容器没有在本地，则从docker hub下载  
\-it - 前台运行，可以看到日志，运行步骤  
\-p 1880:1880 - 将容器内的1880端口导出到本地的1880端口，冒号后面一个1880是固定的，冒号前面的可以随便填写本地未占用的端口号  
\-v node\_red\_data:/data - 挂载一个本地目录到容器中，做为数据持久化,这样即使容器被销毁，数据依然保存在node\_red\_data目录中  
–name mynodered - 给启动的容器一个名词  
nodered/node-red - 指定镜像的名称，默认版本为:latest,最新版本

执行命令后，控制会打印以下日志片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 1]

说明容器已经启动了，

使用上面的命令启动后，你不能关闭终端，关闭终端就会关闭容器，如果你想让容器后端运行，可以使用下面这个命令运行

# 代码归“拿我格子衫来”所属
    docker run -d -p 1880:1880 -v node_red_data:/data --name mynodered nodered/node-red

\-d 表示后台运行。需要先关闭以前的容器，并保证1880端口不被占用。

打开浏览器，访问`http://{host-ip}:1880` 就能够进入Node-RED的操作页面了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 2]

右侧有可以使用的节点，每个节点都有不同的配置项，将节点拖动到编辑区域，双击节点就会弹窗，编辑该节点一些特有的节点项，该项目最常用的操作是双击，如新增，删除。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 3]

在用户设置控制面板中我们可以使用第三方的库  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 4]

这里我就先给大家讲一个大致的面板，后续每一部分都会详细的讲解。如果对该项目感兴趣，或者正在使用，魔改改项目的话，可以关注我，也可以在评论区与我讨论，欢迎大家文明留言。

这是Node-RED系列的第一篇文章，后续还有也规划了很多。

*  创建第一条流
 *  面板介绍及使用 共通，功能，网络，系列，解析，存储
 *  创建一个http接口
 *  常用热门模块使用
 *  实战: 获取实时天气
 *  实战：对接钉钉机器人
 *  实战：发邮件
 *  操作树莓派
 *  编写一个接口
 *  对接主流硬件

Node-RED相关连接

*  [GitHub地址][GitHub]
 *  [官网][Link 1]

[Node-RED_Node-RED]: https://fizzz.blog.csdn.net/article/details/111869601
[Node-RED_Node-RED 1]: https://fizzz.blog.csdn.net/article/details/112009983
[Node-RED_Node-RED 2]: https://fizzz.blog.csdn.net/article/details/112169628
[Node-RED_Node-RED_]: https://fizzz.blog.csdn.net/article/details/112236613
[Node-RED_Node-RED_ 1]: https://fizzz.blog.csdn.net/article/details/113483594
[Node-RED_Node-RED_ 2]: https://fizzz.blog.csdn.net/article/details/113483601
[Node-RED_Node-RED_ 3]: https://fizzz.blog.csdn.net/article/details/113483611
[Node-RED_Node-RED_ 4]: https://fizzz.blog.csdn.net/article/details/113483616
[Node-RED_Node-RED_dashboard]: https://fizzz.blog.csdn.net/article/details/113819698
[Node-RED_Node-RED_dashboard 1]: https://fizzz.blog.csdn.net/article/details/113819708
[Node-RED_Node-RED_chart]: https://fizzz.blog.csdn.net/article/details/113819711
[Node-RED]: https://fizzz.blog.csdn.net/article/details/114330878
[Node-RED_Node-Red]: https://fizzz.blog.csdn.net/article/details/114330903
[Node-RED_Node-RED_UI]: https://fizzz.blog.csdn.net/article/details/115358088
[Node-RED 1]: https://fizzz.blog.csdn.net/article/details/115358099
[Node-RED_Node-RED_npm]: https://fizzz.blog.csdn.net/article/details/115358119
[Node-RED_UI_flow]: https://fizzz.blog.csdn.net/article/details/115775190
[Node-RED_echarts.js_three.js]: https://fizzz.blog.csdn.net/article/details/116234211
[Node-RED 2]: https://fizzz.blog.csdn.net/article/details/116665625
[Node-RED_Node-RED 3]: https://fizzz.blog.csdn.net/article/details/117650299
[Node-RED_mqtt_mqtt]: https://fizzz.blog.csdn.net/article/details/119215400
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]: /images/20221120/d7bdaa192c6f4c0baed1808f179bc976.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 1]: /images/20221120/30abfe4fe9fe44209ceb0b6a9c3d9626.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 2]: /images/20221120/29bd14646260422c802a85a30deca94c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 3]: /images/20221120/310435172d36400881dd7df6e2ec8891.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70 4]: /images/20221120/42de54d691ec40e09e32c171ef6b4287.png
[GitHub]: https://github.com/node-red/node-red
[Link 1]: https://nodered.org/