tielan / DateScreen__MQTT_Vue

基于Node-MQTT-硬件设备交互 的数据可视化大屏

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

基于Node-MQTT-硬件设备交互 的数据可视化大屏

记录下自己初期主要负责的项目

因为项目更倾向于定制化且需要相关硬件设备及后端数据处理,该仓只作简单界面展示,业务相关的代码已经剔除。

Demo「纯前端」 丢uniCloud托管了 后端node就不展示了没有云服务器部署 贫穷~〒▽〒

流程图

前端<--WebSocket axios-->Node后端<--MQTT--> 硬件采集设备

呈现硬件采集设备实时数据的前端可视化大屏效果

使用说明:Node 镶嵌MQTT及前端WebSocket通讯

可视化效果

自适应处理请使用 具体请查看个人Blog说明

import { RESIZE } from '@/util/resizeFuc'

 RESIZE(this, () => {   //callback
      this.key++
    })

image

image

About

基于Node-MQTT-硬件设备交互 的数据可视化大屏


Languages

Language:Vue 61.7%Language:JavaScript 35.0%Language:HTML 2.3%Language:Less 0.5%Language:CSS 0.4%