物联网数据 DataV 演示|学习笔记

简介: 快速学习物联网数据 DataV 演示

开发者学堂课程【物联网平台云上开发物联网数据DataV演示】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/563/detail/7710


物联网数据DataV演示


物联网平台

1、设备通过IoT的SDK连接到物联网平台,把数据转储到云端,也可以在云端做实时的云计算,最终完整的数据可以给到企业的服务器,企业根据自身业务场景来做出各种应用。

2、规则引擎

主要包括数据处理和数据转发两个部分。

image.png

规则引擎的数据处理主要包括设备payload的一个处理,以及设备云端上下文的一个处理,通过这样一个简单的circle,就可以把数据处理成一个结构化的数据。基于物模型的数据处理如图所示。

image.png

设备端上报数据到IoT的网关,网关把数据流转到物模型解析器,这里会根据所定义的物模型做数据的解析,解析之后会流转到规则引擎,规则引擎这里通过circle,处理数据然后转储到数据库里。这就是数据上报后,在表格存储数据

里一个存储过程。存储之后可通过DataV做一个数据可视化,生成一个监控大屏。

3、演示开发过程

首先在物联网平台创建一个产品温湿度计,接着定义一些属性,包括温度和湿度两个属性,之后可通过设备管理创建一个设备,如图便是创立的设备设备创建完成后,接着创建规则引擎,这里根据定义的规则引擎通过物模型来处理

据,同时把数据转发到表格存储里。

规则引擎创建之后,就可以做设备端的开发,一个简单的编码,一个数据连接。

如下const options = initMqttOptions (deviceConfig);

const url =、 mqtt://${deviceConfig. productKey}. iot-as mqtt . ${deviceConf ig. regionId} . aliyu

//2.建立连接

27 const client = mqtt . connect(url, options);

//3.属性数据上报const topic =/sys/${deviceConf ig. productKey}/${deviceConf ig. deviceName}/ thing/event/pro

// 发布数据到topic

setInterval( function() {

client. publish( topic, getPostData(), {qos:1});

}, 5 * 1000);

//4.订阅主题,接收指令const subTopic =、 /${deviceConf ig. productKey}/${deviceConf ig. deviceName}/control ;

client . subscribe ( subTopic )

console. log("topic”+ topic)

onsole. Log("message”+ message)

})

client. unsubscribe( subTopic)

//IoT平台mqtt连接参数初始化

function initMqt topt ions ( deviceConfig) {

const params=[

productKey : deviceConfig.productKey,

然后上报属性的数据,这里设置了五秒上报一次。

设备端代码编辑完成之后,就可以启动设备程序,之后它就开始上报数据,这时也可以在云端看到设备上线、设备当前运行状态以及日志服务里消息上行的处理过程。有了这些数据之后,可通过DataV可视化产品,把数据展示到数据大屏上。开通DataV云产品之后,这里是它的一个控制台,如图

image.png

包含一个可视化的云列表以及我的数据源,我的组件。首先点到我的数据源,这里点击添加数据,选择TableStore的类型,并将数据命名为温湿度计,然后填写阿里云账号的AK ID 和AK Secret。

外网地址就是ots表格存储的访问地址,接着点击确认,就会连接成功,数据源就会更新成功。此时回到可视化界面,新建一个可视化大屏,此处有许多模板,选择下图所示模板进行创建。

image.png

在编辑页面有许多常用的组件,此处添加一个时间组件、文本组件以及一个数字翻牌器组件。

在这里可以给数字翻牌器设置数据源,这里选择TableStore作为数据源类型,而数据源类型则选择刚刚创建的温湿度计,选择操作选择get Range,此处输入表格的名字以及组件的一些参数。接着查看一下表格的名字是如图所示的

image.png

表格的名字即是lot_devices_datas,主键是device ID和time。接着根据devices ID和devices time做一个过滤,此处只选择第一条数据,可以观察数据响应结果,

如下{‘’deviceId’’:’’eud1jXfEgCsAiP2cId9q’’,’’time’’:’’2018-12-19 13:11:18’’,’’humidity’’:’’65’’,’’imei’’:’’IH20181212xibzm’’,’’tag’’:’’客厅’’,’’temperature’’:’’28’’,’’value’’:’’28’’,’’y’’:’’28’’,’’x’’:’’2018-12-19 13:11:18’’}同理另外一个数字翻牌器,选择湿度,同时添加一个折线图的组件,此处与上一个数字翻牌器相同,仍选择TableStore的数据源类型和温湿度计的数据源,并将搜索参数扩大为16,参看响应结构发现其为一个数组。在折线图中,选取了time作为x轴,temperature作为y轴。同时此处有一个垂直胶囊的可视化组件。

这里依旧选取了16个数据,这样一个数据大屏创建完成。创建完成之后可以点击发布,会有一个外网访问地址,将其在浏览器打开便是一个数据大屏。这时启动我们的设备,设备开始上报数据,同时数据大屏也随之变化,可以实时看到其状况。

这里就完整的演示了设备端的数据通国IoT平台的规则引擎,流转到数据库,再通过DataV 把数据做一个可视化的大屏。

相关实践学习
基于Hologres轻松玩转一站式实时仓库
本场景介绍如何利用阿里云MaxCompute、实时计算Flink和交互式分析服务Hologres开发离线、实时数据融合分析的数据大屏应用。
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
8月前
|
关系型数据库 物联网 PostgreSQL
沉浸式学习PostgreSQL|PolarDB 11: 物联网(IoT)、监控系统、应用日志、用户行为记录等场景 - 时序数据高吞吐存取分析
物联网场景, 通常有大量的传感器(例如水质监控、气象监测、新能源汽车上的大量传感器)不断探测最新数据并上报到数据库. 监控系统, 通常也会有采集程序不断的读取被监控指标(例如CPU、网络数据包转发、磁盘的IOPS和BW占用情况、内存的使用率等等), 同时将监控数据上报到数据库. 应用日志、用户行为日志, 也就有同样的特征, 不断产生并上报到数据库. 以上数据具有时序特征, 对数据库的关键能力要求如下: 数据高速写入 高速按时间区间读取和分析, 目的是发现异常, 分析规律. 尽量节省存储空间
617 1
|
17天前
|
Prometheus 监控 Cloud Native
用 DataV 展示 Prometheus 数据
本文介绍了如何将 Prometheus 数据接入 DataV 进行可视化展示。如果使用的是阿里云可观测监控中的 Prometheus 实例,或者自建的 Prometheus 开放了公网可访问的 HTTP API,那么可直接通过 API 将数据接入 DataV 展示。
72 0
|
18天前
|
JSON 数据可视化 定位技术
python_将包含汉字的字典数据写入json(将datav的全省数据中的贵州区域数据取出来)
python_将包含汉字的字典数据写入json(将datav的全省数据中的贵州区域数据取出来)
19 0
|
4月前
|
数据可视化 JavaScript 开发工具
vue2+datav可视化数据大屏(3)
接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦
129 0
|
4月前
|
数据可视化 JavaScript API
vue2+datav可视化数据大屏(2)
接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios
|
4月前
|
数据可视化 JavaScript 前端开发
vue2+datav可视化数据大屏(1)
最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vu23项目到最后的项目打包,本篇共计3节。
297 1
|
4月前
|
数据可视化 前端开发 JavaScript
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
175 2
react+datav+echarts实现可视化数据大屏
|
5月前
|
数据采集 SQL Oracle
助力工业物联网,工业大数据之DWD层构建:数据抽取分析【十一】
助力工业物联网,工业大数据之DWD层构建:数据抽取分析【十一】
54 0
|
5月前
|
人工智能 数据可视化 安全
Java带可视化数据大屏的物联网智慧工地系统源码
通过现场AI智能视频监控、临时设施动态管理,实时检测场地空间、资源、设施的运行状况,及时发现场地安全隐患,确保为工人营造一个安全、文明的场地作业环境。
62 0
|
6月前
|
存储 安全 物联网安全
物联网安全数据泄漏如何防范
物联网安全数据泄漏如何防范
107 0

相关产品

  • 物联网平台