即便不会node.js，拖拽就可完成数据的可视化展现

摘要：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去展现。

点击关注，第一时间了解华为云新鲜技术~