Node-RED编程工具(物联网) 点击:396 | 回复:1



卖艺不卖萌

    
  • 精华:0帖
  • 求助:0帖
  • 帖子:3帖 | 26回
  • 年度积分:34
  • 历史总积分:208
  • 注册:2012年12月13日
发表于:2023-05-24 09:55:17
楼主

简介

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

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

参考网上一些教程,整理的安装和配置步骤。

1.下载node.js

Node.js 官方网站下载:https://nodejs.org/en/download/

2.安装

双击打开安装,下一步下一步即可,建议安装路径改为“D:\Program Files\nodejs”。

运行cmd,分别输入node -vnpm -v 分别查看node和npm的版本号,测试安装是否成功。

3.配置npm在安装全局模块时的路径和缓存cache的路径

配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_globalnode_cache,如图所示:

然后在cmd命令下执行如下两个命令:

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

执行完后,配置环境变量,如下:

  • “环境变量” -> “系统变量”:新建一个变量名为 NODE_PATH, 值为D:\Program Files\nodejs\node_global\node_modules,如下图:

  • “环境变量” -> “用户变量”:编辑用户变量里的Path,将相应npm的路径(C:\Users\用户名\AppData\Roaming\npm)改为:D:\Program Files\nodejs\node_global,如下:

4.安装NODE-RED

在cmd命令下执行如下命令:

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

注:若执行命令报错 ,以管理员身份打开cmd

或者修改权,右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都允许即可。

5.更换淘宝镜像

说明:npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载,国内很慢,一般都会指向淘宝 https://registry.npm.taobao.org

1、更换镜像为淘宝镜像

npm config set registry https://registry.npm.taobao.org/

2、检查配置是否成功

npm config get registry

6.安装基于淘宝源的cnpm

说明:由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是一般cnpm只用于安装时候,所以在项目创建与卸载等相关操作时候我们还是使用npm。 全局安装基于淘宝源的cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

7.配置静态目录

  • 在.node-red目录(C:\Users\用户名\.node-red)新建一个static文件夹。用于存放静态文件。

  • 记事本打开setting.js的,CTRL+F搜httpStatic,找到下图位置然后修改为httpStatic: 'C:/Users/用户名/.node-red/static/',

  • 重启node-red

    在CMD中输入 node-red 启动Node-RED后台程序,看日志是否正常,配置是否成功。

将echarts.min.js放到static文件夹中。

在浏览器中打开 http://localhost:1880 就可以访问Node-RED的前台界面,进行编程。

8.常用节点

node-red-contrib-modbus
node-red-contrib-s7 node-red-dashboard node-red-contrib-echarts

点击右上角的菜单按钮,选择 -> 节点管理


附件为echart.min.js,非必须。

echart链接:Apache ECharts


正在下载,请等待……
下载附件需0积分!



楼主最近还看过



卖艺不卖萌

  • 精华:0帖
  • 求助:0帖
  • 帖子:3帖 | 26回
  • 年度积分:34
  • 历史总积分:208
  • 注册:2012年12月13日
发表于:2023-05-24 10:10:29
1楼

下图是一个echart的图表(静态部署能有更好的使用效果),目前还在摸索学习中,只能做个简单复现。

微信截图_20230524100220.png


热门招聘
相关主题

官方公众号

智造工程师