安装nodered只需要执行下面几条命令即可安装
sudo apt-get install nodejs
sudo apt-get install npm
sudo npm install -g node-red
安装期间可能会出现失败的情况,失败的话重新安装就行了
安装好node-red后打开并运行,sudo node-red
会打印一串log,根据log信息找到
[info] Settings file : /root/.node-red/settings.js
这个就是node-red的设置文件,可以在这个文件内设置账号密码以及端口号
执行命令 vim /root/.node-red/settings.js
打开后就可以看到端口号1880,然后修改成你自定义的端口号 0~65535之内的数字皆可,如果是云服务器记得在安全组添加这个端口,要不然公网无法打开
在中间位置找到 adminAuth:这一条语句,并去掉屏蔽,username改成你的用户名,密码是经过加密算法加密的,可以去
https://www.jisuan.mobi/p163u3BN66Hm6JWx.html
设置自己的密码,并生成加密后的密码放进去,如图
输入完 esc 然后 输入:wq保存退出
然后再重新启动node-red,然后在浏览器中输入服务器IP:端口号打开,就可以输入账号密码了
由于搭建这个可视化IOT内容较多,我本身也是刚入门,所以不打算详细教大家怎么用,就不班门弄斧了,只教大家使用基本的控件,关键的步骤,直接导入我写好的脚本,就可以直接用了。如果不想看我的教程,可以直接跳到下面直通车
1.先下载插件登录进去之后,如图
输入相关的插件,然后下载,如果下载失败,可能是因为网络问题,可再次下载
node-red-dashboard //UI相关插件,必须安装
node-red-contrib-json
node-red-node-rbe
下载好之后,在左边的插件栏里边就多出了安装的插件
2.开始搭建1.先连接MQTT,并获取数据显示
然后点第二栏安全那栏,随意填入用户名和密码即可。
然后点更新,返回上一层后点完成
然后点右上角的部署,就会看到连接成功
2.获取数据并可视化1.在左边功能节点栏的找到change这个节点,拖进来
2.在dashboard节点栏下找到gauge,并拖进来
3.在dashboard节点栏下找到chart,并拖进来
然后连接 如图
然后双击change(黄色)那个节点,修改信息
然后就设置显示的折线图,新建一个组的名称,这个组的名称会显示在UI页面,也就是nodered可以设置很多个页面,每个页面会有一个ID,这个ID就是组的名称
点击完成后,点右上角的部署,注意,,每修改一点地方都要部署,部署了才会更新到系统
修改圆表盘数据,双击gauge节点
修改后点完成,然后再点部署
3.UI显示完成上述步骤后,在浏览器中输入你的服务器IP地址:1880/ui,即可打开UI界面,如192.168.0.1:1880/ui,注意如果在前面修改了端口的话,这里的1880要修改成你的端口,打开后如下图
温度折线图这个可以改成温度数据显示,只需在对应的地方修改然后部署即可
然后发现折线图没有显示出来,这是因为没有收到数据,所以不会显示出来,
3.与服务器进行数据传输打开EMQX服务器,设置发布参数,服务器IP:18083,进入控制台,修改发布的消息
发送之后就可以在UI看到数据了
至于在nodered发布数据和网易云音乐的,直接用的插件即可,修改方法如上,修改的地方就靠大家举一反三了。
界面直通车导入节点配置:
直接导入我的文件即可使用,只需修改服务器IP地址、订阅的主题,消息载体的名称,然后部署即可使用
网易云音乐链接使用方法:打开网页版网易云音乐,搜索你喜欢的歌曲,点进去后在头像下边有个生成外链播放器,点进去,然后就生成HTML代码,直接复制这段代码替换我的歌曲代码,即可。
到这一篇的时候,动手能力强的,已经可以自己搭建自己喜欢的样式了
下一篇:打通设备到IOT平台的通道,在平台获取设备的数据