共计 919 个字符，预计需要花费 3 分钟才能阅读完成。
摘要：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 npm
sudo npm install -g node-red- 一般运行
node-red- 后盾继续运行
nohup node-red &3. 应用示例
展现一下我本人展现温湿度的页面
nede-red 这款工具，好用而且简略，很适宜初学者。给大家分享一下我的数据展现，附源码（页面交丑，仅供交流学习）其中包含连贯 mqtt 服务器、数据插入 mysql 数据库
数据展现页面
在上面这个界面中，我进行了两个温度、两个湿度数据的展现；当订阅的主题承受到音讯后，解析 json 数据格式，失去温湿度数据并展现在前端
布局：
留神，在此布局中，有应用到数据库。我应用的是 mysql，只是简略的插入数据，仅供参考。
- 紫色的方块为订阅的 MQTT 音讯，须要配置相应的参数
- 绿色为调试信息；
- 蓝色方块为布局的展现，不同部件，展现的成果不同
- 黄色方块为信息格式转化，次要是为了不便折线图的展现；
- 橙色方块为数据库操作，须要连贯本人的数据库；
其实实现很简略，就是通过利落、而后设置相应的参数，基本上不要求编程能力。而且，只有有数据，就能够通过 nodered 去展现。
点击关注，第一工夫理解华为云陈腐技术~