摘要：node-red是一款基于Node.js的开源可视化界面开发工具，不须要把握node.js而通过拖拽即可实现数据的可视化展现。

1.首先看一下node-red对数据的渲染成果

你可能认为，必须熟练掌握前端常识能力做出这样的页面，实际上它只须要一下几步拖拽操作即可

node-red自身就是为MQTT而诞生，因而很适宜进行物联网数据展现，反对数据库操作、mqtt协定,同时用户也能够在它的根底上，应用html等进行前端界面批改。如果你想疾速而完满的展现你的数据，无妨试一试NODE-RED。当然，你想装置它，也很简略的~~

2.装置

首先须要装置nodejs（百度上有很多示例，也挺简略的，就不解说啦）,而后 在控制台输出 npm install -g --unsafe-perm node-red 即可；

为了让node-red在后盾放弃运行，咱们应用此命令：nohup node-red &

残缺的装置步骤如下

  • 装置nodejs环境
sudo apt-get install nodejs
  • 装置node-red
sudo apt-get install npmsudo npm install -g node-red
  • 一般运行
node-red
  • 后盾继续运行
nohup node-red &

3.应用示例

展现一下我本人展现温湿度的页面

nede-red这款工具，好用而且简略，很适宜初学者。给大家分享一下我的数据展现，附源码（页面交丑，仅供交流学习）其中包含连贯mqtt服务器、数据插入mysql数据库

数据展现页面

在上面这个界面中，我进行了两个温度、两个湿度数据的展现；当订阅的主题承受到音讯后，解析json数据格式，失去温湿度数据并展现在前端

布局：

留神，在此布局中，有应用到数据库。我应用的是mysql，只是简略的插入数据，仅供参考。

  • 紫色的方块为订阅的MQTT音讯，须要配置相应的参数
  • 绿色为调试信息；
  • 蓝色方块为布局的展现，不同部件，展现的成果不同
  • 黄色方块为信息格式转化，次要是为了不便折线图的展现；
  • 橙色方块为数据库操作，须要连贯本人的数据库；

其实实现很简略，就是通过利落、而后设置相应的参数，基本上不要求编程能力。而且，只有有数据，就能够通过nodered去展现。

点击关注，第一工夫理解华为云陈腐技术~