白皮书
车云灵活数采方案:释放数据价值,加速智能创新 →

EMQX+InfluxDB+Grafana 构建物联网可视化平台

Guowei Li
2019-12-5

画板 172x8.png

本文以常见物联网使用场景为例,介绍了如何利用 EMQX MQTT 服务器 + InfluxDB + Grafana 构建物联网数据可视化平台,将物联网设备上传的时序数据便捷地展现出来。

在物联网项目中接入平台的设备数据和数据存储方案有以下特点:

  • 数据采集的维度、频率、以及设备数量都比较多,采集的数据量比较大,对消息服务器的接入吞吐量、后端数据库的存储空间消耗有很大压力。
  • 数据按照采集周期进行上报、传输、存储一般都按照时间序列。

因此在物联网项目中使用时序数据库是比较好的选择。 时序数据库 可以带来显著的性能提升,包括更高的容纳率、更快的大规模查询,以及更好的数据压缩率等。数据入库后,往往需要数据可视化平台将数据按照规则统计、展现出来,实现数据的监控、指标统计等业务需求,以便充分发挥数据的价值。

业务场景

假设现有一批设备,每个设备有一个 Client ID,所有设备均通过 MQTT 协议MQTT 服务器 上相应的主题发送数据,主题的设计如下:

devices/{client_id}/messages

每个设备发送的数据格式为 JSON,发送的通过该传感器采集的温度与湿度数据。

{
    "temperature": 30,
    "humidity" : 20
}

现在需要实时存储数据以便在后续任意时间查看,具体需求如下:

  • 每个设备按照每 5 秒钟一次的频率进行数据上报,数据库需存储每条数据;
  • 通过可视化系统查看 任意时间区间内 的温度/湿度平均值、最大值、最小值,与 所有时间段内 温度/湿度的平均值。

可视化平台最终的展示效果如下图。仪表盘右上角可以选择时间区间、自动刷新时间,此时设备持续发送数据,仪表盘数据值会随之变化,实现了功能比较全面的可视化效果。

image20191125152935211.png

方案介绍

目前市面上已有多款物联网消息中间件、时序数据库和数据可视化产品,结合数据的采集上报、联网接入、消息存储与可视化功能来看,EMQX(高性能物联网 MQTT 消息中间件) + InfluxDB(时序数据库)+ Grafana(美观、强大的可视化监控指标展示工具)组合无疑是最佳的物联网数据可视化集成方案。

方案整体架构如下图所示:

image20191125163959537.png

  • EMQXEMQX 是基于高并发的 Erlang/OTP 语言平台开发,支持百万级连接和分布式集群架构,发布订阅模式的开源 MQTT 消息服务器。EMQX 内置了大量开箱即用的功能, 其企业版 EMQX Enterprise 支持通过规则引擎或消息持久化插件将设备消息高性能地存储到 InfluxDB ,开源用户需自行处理消息存储环节。
  • InfluxDB:InfluxDB 是一个由 InfluxData 开源的时序型数据库。它由 Go 写成,着力于高性能地查询与存储时序型数据。InfluxDB 被广泛应用于存储系统的监控数据,IoT 行业的实时数据等场景。
  • Grafana: Grafana 是一个跨平台、开源的度量分析和可视化工具,可以通过灵活的配置查询采集到的数据并进行可视化展示。它可以快速灵活的创建客户端图表,官方库中具有丰富的仪表盘插件,比如热图、折线图、图表等多种展示方式。支持 Graphite,InfluxDB,OpenTSDB,Prometheus,Elasticsearch,CloudWatch 和 KairosDB 等数据源。可以创建自定义告警规则并通知到其他消息处理服务或组件中。

实现步骤

本文所用各个组件均有 Docker 镜像,除 EMQX 需要使用下载安装外(方便修改部分配置),InfluxDB 与 Grafana 均使用 Docker 搭建,详细的安装步骤本文不再赘述。

三大部件的官网均有不同操作系统的安装包资源与教程:

EMQX 安装

安装

访问 EMQX 下载 页面下载适合您操作系统的安装包, 由于数据持久化是企业功能,您需要下载 EMQX 企业版(可以申请 License 试用) 。 写本文的时候 EMQX 企业版最新版本为 v3.4.5,本教程需要使用该版本及以上版本,下载后的启动步骤如下 :

## 解压下载好的安装包
unzip emqx-ee-macosx-v3.4.4.zip
cd emqx

## 将 License 文件复制到 EMQX 指定目录 etc/, License 需自行申请试用或通过购买授权获取
cp ../emqx.lic ./etc

## 以 console 模式启动 EMQX
./bin/emqx console

修改配置

本文中需要用到的配置文件如下:

  1. License 文件,EMQX 企业版 License 文件,使用可用的 License 覆盖:

    etc/emqx.lic
    
  2. EMQX InfluxDB 消息存储插件配置文件,用于配置 InfluxDB 连接信息、选取入库 Topic:

    etc/plugins/emqx_backend_influxdb.conf
    

    根据部署实际情况填写插件配置信息如下:

    backend.influxdb.pool1.server = 127.0.0.1:8089
    
    backend.influxdb.pool1.pool_size = 5
    
    ## Whether or not set timestamp when encoding InfluxDB line
    backend.influxdb.pool1.set_timestamp = true
    
    ## Store Publish Message
    ## 由于业务仅需 devices/{client_id}/messages 主题,此处修改默认配置的主题过滤器
    backend.influxdb.hook.message.publish.1 = {"topic": "devices/+/messages", "action": {"function": "on_message_publish"}, "pool": "pool1"}
    
  3. EMQX InfluxDB 消息存储插件消息模板文件,用于定义消息解析入库模板:

    ## 模板文件
    data/templates/emqx_backend_influxdb_example.tmpl
    
    ## 重命名修改为
    data/templates/emqx_backend_influxdb.tmpl
    

    由于 MQTT Message 无法直接写入 InfluxDB, EMQX 提供了 emqx_backend_influxdb.tmpl 模板文件将 MQTT Message 转换为可写入 InfluxDB 的 DataPoint:

    {
      "devices/+/messages": {
        "measurement": "devices",
        "tags": {
          "client_id": "$client_id"
        },
        "fields": {
          "temperature": ["$payload", "temperature"],
          "humidity": ["$payload", "humidity"]
        },
        "timestamp": "$timestamp"
      }
    }
    

    关于 EMQX InfluxDB 使用详细教程见 [ InfluxDB 数据存储](

InfluxDB 安装

通过 Docker 进行安装,映射数据文件夹与 8089 udp 端口与 8086 端口(Grafana 使用):

EMQX 仅支持 InfluxDB UDP 通道,需要 influx_udp 插件支持,且数据库名称指定为 db

## 使用 influx_udp 插件
git clone https://github.com/palkan/influx_udp.git

## 进入插件目录
cd influx_udp

## 通过插件配置创建并启动容器
docker run --name=influxdb --rm -d -p 8086:8086 -p 8089:8089/udp \
    -v ${PWD}/files/influxdb.conf:/etc/influxdb/influxdb.conf \
  -e INFLUXDB_DB=db \
  influxdb:latest

## 启动后检查容器运行状态
docker ps -a

至此,可以重启 EMQX 并启动插件以应用以上配置:

./bin/emqx stop

./bin/emqx start

## 或使用 console 模式可以看到更多信息
./bin/emqx console

## 启动插件
./bin/emqx_ctl plugins load emqx_backend_influxdb

## 启动成功后会有以下提示
Plugin emqx_backend_influxdb loaded successfully.

Grafana 安装

使用以下命令通过 Docker 安装并启动 Grafana:

docker run -d --name=grafana -p 3000:3000 grafana/grafana

启动成功后浏览器访问 http://127.0.0.1:3000 访问 Grafana 可视化面板,使用 admin admin 默认用户名密码完成初次登录,登录后按照提示修改密码使用新密码登录进入主界面:

image20191125100532923.png

写入模拟数据

进行可视化配置之前需要写入模拟数据,方便配置过程中进行效果预览。

以下脚本模拟完成了 100 个设备在过去 12 小时内、每隔 5 秒钟上报一条模拟温湿度数据并发送到 EMQX 的场景,读者安装 Node.js 平台后可以通过以下命令启动:

npm install mqtt mockjs --save
node mock.js

模拟脚本执行完毕后,数据将写入 InfluxDB db 数据库中,通过以下命令进入 InfluxDB 容器并查看数据:

## 进入 docker 容器
docker exec -it influxdb bash

## 进入 influxdb 命令行
root@581bde65650d:/# influx

## 切换到 db 数据库
use db;

## 查询数据
select * from devices limit 1;

## 查询结果
name: devices
time                client_id      humidity temperature
----                ---------      -------- -----------
1574578725608000000 mock_client_1  54.33    98.5

附:模拟脚本如下:

// Node.js
// mock.js
const mqtt = require('mqtt')
const Mock = require('mockjs')

class MockData {
  constructor(clientNum = 20) {
    this.EMQX_SERVER = 'mqtt://localhost:1883'
    this.clientNum = clientNum
    this.clients = {}
    this.startMock()
  }

  async startMock() {
    const now = Date.now()
    // last 12h every 5s
    for (let ts = now - 12 * 3600 * 1000; ts <= now; ts += 5 * 1000) {
      for (let i = 0; i < this.clientNum; i++) {
        const clientId = `mock_client_${i}`
        const client = this.clients[clientId] || await this.createClient(clientId)
        this.clients[clientId] = client
        const mockData = this.getMockData()
        client.publish(`devices/${clientId}/messages`, JSON.stringify(mockData))
        console.log(`${clientId} send temperature ${mockData.temperature} humidity ${mockData.humidity}`)
      }
    }
  }

  /**
   * Init a virtual mqtt client
   * @param {string} clientId ClientID
   */
  createClient(clientId) {
    return new Promise((resolve, reject) => {
      const client = mqtt.connect(this.EMQX_SERVER, {
        clientId,
      })
      client.on('connect', () => {
        console.log('client s% connected', clientId)
        resolve(client)
      })
      client.on('error', (e) => {
        reject(e)
      })
    })
  }

  /**
   * Generate mock data
   */
  getMockData() {
    return {
      temperature: parseFloat(Mock.Random.float(22, 100).toFixed(2)),
      humidity: parseFloat(Mock.Random.float(12, 86).toFixed(2)),
    }
  }
}

// startup
new MockData(100)

可视化配置

组件安装完成,模拟数据写入成功后,按照 Grafana 可视化界面的操作指引,完成业务所需数据可视化配置。

添加数据源(Add data source)

添加数据源,即显示的数据源信息。选取 InfluxDB 类型数据源,输入连接参数进行配置,默认情况下,关键配置信息如下:

  • URL:填写 InfluxDB 连接地址,由于我们使用 Docker 安装,Grafana 由于 InfluxDB 容器网络不互通,此处可以输入当前服务器内网/局域网地址而非 127.0.0.1localhost
  • Auth:InfluxDB 默认启动无认证方式,根据实际情况填写;
  • Database:填写 db ,为 EMQX 默认写入数据库名。

添加仪表盘

添加好数据源后,添加需要显示的数据仪表盘信息。仪表盘为多个可视化面板的集合,点击 New Dashboard 后,选择 Add Query 通过查询来添加数据面板:

image20191125135546283.png

创建面板需要四个步骤,分别是 Queries(查询)Visualization(可视化)General(图表配置)Alert(告警) ,下面按照业务需求完成创建。

温、湿度平均值面板

使用 Grafana 的可视化查询构建工具,查询出所有设备的平均值:

  • FROM:选取数据的 measurement,按照 emqx_backend_influxdb.tmpl 文件配置,此处 measurementdevices
  • SELECT:选取、计算的字段,此处两个查询需要使用 Aggregation 功能处理,分别选择 temperature meanhumidity mean,查询并计算温度、湿度字段的平均值;
  • GROUP BY:默认使用时间区间聚合。
    • time($__interval) 函数表示取 $__interval 时间区间内的数据,如 time(5s) 表示从每 5 秒时间区间原始数据内取出值来进行计算(SELECT 中的计算)
    • fill 参数表示没有值时候的默认值,为 null 的时候该数据点不会在图表显示出来;
    • tag 可选,按照指定 tag 进行显示。
  • ALIAS BY:该查询的别名,方便可视化查看。

Visualization 默认不做更改, General 里面修改面板名称为 Device temperature and humidity mean value,如果需要对业务进行监控告警,可以在 Alert 里编排告警规则,此处仅做可视化展示,不使用此功能。

image20191125140117416.png

完成创建后,点击左上角返回按钮,该 Dashboard 里成功添加一个数据面板。点击顶部导航栏 保存 图标,输入 Dashboard 名称完成 Dashboard 的创建。

image20191125144011475.png

温、湿度最大、最小值面板

继续点击 Dashboard 的 Add panel 按钮,添加温度最大值、最小值图表。操作步骤同添加平均值,仅对查询中 SELECT 统计方法字段做出调整,调整为 Selectors 功能中的 maxmin 方法。

温、湿度总平均值、数据条数面板

继续点击 Dashboard 的 Add panel 按钮,添加温、湿度总平均值,数据条数面板。操作步骤近似上面两个步骤,分别使用 countmean 方法对指定字段操作,取消 GROUP BY 字段即可完成查询。 Visualization 配置中选择图表类型为 Gauge(仪表) 即可。

保存仪表盘,拖拽调整每个数据面板大小、位置,最终得到一个视觉效果较好的数据仪表盘。最终报表完成后,呈现的就是文章开头展示的效果。

总结

至此我们完成了 EMQX + InfluxDB + Grafana 物联网数据可视化平台的搭建。通过本文,读者可以了解到利用 EMQX 丰富的拓展能力在数据可视化解决方案里可以非常快速、灵活地开发出基于 InfluxDB + Grafana 的可视化系统,实现海量数据存储、计算分析与展现。深入学习掌握 Grafana 的其他功能后,用户可以定制出更完善的数据可视化乃至监控告警系统。

免费试用 EMQX Cloud
全托管的云原生 MQTT 消息服务
开始试用 →

推荐阅读

2020-9-21Guowei Li
EMQX + ClickHouse 实现物联网数据接入与分析

本文将借助 EMQX + ClickHouse 完成物联网数据传输、存储、分析展现整个流程的系统搭建,读者可以了解到 EMQX 丰富的拓展能力与 ClickHouse 领先的数据处理分析能力在物联网数据采集中的应用。

2020-9-21Dekun Tao
EMQX + CNN 在 AIoT 中的融合应用

我们将创建一个简单的 AIoT 应用:使用 EMQX 收集温度传感器数据并输入到一维卷积神经网络 (1D CNN) ,以实现液压系统冷却器状态的预测。