FS800DTU联动OneNET平台数据可视化View
目录1 前言
2 情况搭建
2.1 硬件准备
2.2 软件情况
2.3 硬件毗连
3 注册OneNET云平台并创建物模子
3.1 参数获取
3.2 毗连OneNET
3.3上报数据
4 数据可视化View
4.1 用户信息获取
4.2 启用数据可视化View
4.3 创建项目
4.4 编辑项目
4.5 新增数据源
4.6 数据过滤器配置
4.6 项目发布
5 总结
1 前言
OneNET是由中国移动打造的物联网开放平台,在物联网应用和真实设备之间搭建高效、稳固安全的应用平台。该平台支持适配各种网络情况和协议类型,可实现各种传感器和智能硬件的快速接提供丰富的 API和应用模板以支持各类行业应用和智能硬件的开发。
https://i-blog.csdnimg.cn/direct/b9f9122bfd294a158418529703aaf405.png
FS800DTU核心板是基于飞思创4G Cat.1模组设计的,上面集成了DC-DC、SIM卡、天线和串口电平转换电路,支持5-16V供电输入,我们不需要额外的设计,接上天线、SIM卡和串口就可以利用。FS800DTU支持4路Socket,支持TCP/UDP/HTTP/MQTT等通讯协议,适配了阿里云、OneNET等物联网平台。出厂自带YunDTU固件,不需要一条一条发AT指令配置,通过飞思创提供的配置工具直接填写参数即可,连上服务器后数据直接透传,小白也能快速上手。
2 情况搭建
2.1 硬件准备
[*]FS800DTU核心板(型号:FS-MCore-F8A2M1)。
[*]4G物联卡一张,移动,联通,电信均可。
[*]USB转TTL模块,包括4根杜邦线。
[*]4G天线一根。
https://i-blog.csdnimg.cn/direct/c1590f67cc5945a5b5dd8c585f3bff42.jpeg
2.2 软件情况
[*]OneNET物联网开放平台。4G物联卡一张,移动,联通,电信均可。
[*]OneNET数据可视化View。4G天线一根。
[*]SerialPort_To_Network_ConfigTools参数配置软件。
2.3 硬件毗连
将天线,SIM卡装到4G模块上(按照模块上的插卡方向操作),按图示方式接好线,注意串口是交叉毗连。
https://i-blog.csdnimg.cn/direct/1982c171bd5e4e019f209887e6108c0e.png
3 注册OneNET云平台并创建物模子
注册与创建的流程在此处不赘述,具体实现可参照“玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。以下展示的是我所创建的产品及其物模子的图示。
https://i-blog.csdnimg.cn/direct/19503c035299473abdb9b3452d58e52e.png
3.1 参数获取
获取毗连参数、订阅主题以及数据格式的相关信息,请参考”玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。以下列出了所需的具体信息。
产品ID:14g5eK3W52
设备名称:Test
设备密钥:OHFCWUt***********************=
直连设备上报属性相应:$sys/14g5eK3W52/Test/thing/property/post/reply
直连设备上报属性 :$sys/14g5eK3W52/Test/thing/property/post
3.2 毗连OneNET
填写3.1章节的获取的参数并设置全部参数。
https://i-blog.csdnimg.cn/direct/204f241eb7bd4ea687923503b3094fa0.png
3.3上报数据
上报数据的格式,请参考”玩转物联网-4G模块如何快速将数据上传到OneNET平台“这篇文章。
https://i-blog.csdnimg.cn/direct/5866483fc7564fa4a18bd478296da2a2.png
4 数据可视化View
4.1 用户信息获取
(1)点击头像->点击访问权限
https://i-blog.csdnimg.cn/direct/f698cc7ca76f4b6e8d044614c5d4ad28.png
https://i-blog.csdnimg.cn/direct/f840dfa023434ea89018cefe016448f0.png
用户ID:353376
用户Accesskey:M0Nt0*****************************RDhQ==
4.2 启用数据可视化View
(1)选择产品服务->点击数据可视化View
https://i-blog.csdnimg.cn/direct/ce7728aadf8f4200b9a0199dc7ff1352.png
(2)点击立刻试用
https://i-blog.csdnimg.cn/direct/2e2dd3f3f1214910aea29beadb215267.png
4.3 创建项目
(1)新建项目
https://i-blog.csdnimg.cn/direct/ae546f73c57d4b0e801c8d82ab0459d6.png
(2)选择空缺模板->自界说名称->自界说项目描述
由于我当前利用的是底子版,因此仅能利用空缺模板,但假如您想利用更多现成的模板,可以选择充值升级。
https://i-blog.csdnimg.cn/direct/31e01a2cdd4449d98afc7e920bea7d06.png
4.4 编辑项目
(1)点击编辑
https://i-blog.csdnimg.cn/direct/162bfa20df434431a4c94bd4fc89c87f.png
(2)添加组件
由于我当前利用的是底子版,以是只能利用相对底子的组件。在这里,我选用了仪表盘组件,而其他更多的组件,您可以自行进行探索与实验。
https://i-blog.csdnimg.cn/direct/b251c7039fce4c53bacc7a502dd0e48c.png
4.5 新增数据源
(1)点击仪表盘->点击管理数据源
https://i-blog.csdnimg.cn/direct/fc126e9556634926aa8bafc851f44638.png
(2)新增数据源
https://i-blog.csdnimg.cn/direct/948045bd8eb448cdb596a37ea08a4970.png
4.6 数据过滤器配置
(1)编辑数据过滤器
return [{
value: data.value,
name: data.id
}]
将以上面的代码复制数据过滤器中。
https://i-blog.csdnimg.cn/direct/d51b70d2df0d472092422fb5cdf7cc1b.png
(2)修改样式
https://i-blog.csdnimg.cn/direct/d1bd565b7146474a8a8ceb77ffef524d.png
(3)重复4.4-4.6章节的创建一个湿度的仪表盘如下图所示:
https://i-blog.csdnimg.cn/direct/23dc0ace934b45b5a56cdc22e9d0e4a2.png
4.6 项目发布
(1)项目发布
https://i-blog.csdnimg.cn/direct/1a5338c677de44f28fc6331228b97fa9.png
https://i-blog.csdnimg.cn/direct/f0e6a5c79dc04e78a42b1f686811633e.png
(2)效果展示
将复制的链接粘贴到浏览器中,就可以查看到已经创建的项目。
https://i-blog.csdnimg.cn/direct/2e546e32b9ef4baebf09cafe9b803d00.png
5 总结
本篇文章介绍了如何利用FS800DTU向OneNET平台上报温湿度信息,并通过数据可视化功能将这些信息呈现出来。感谢各位的观看!假如您在阅读过程中有任何疑问,或者希望进一步了解该产品,请随时通过私信或批评区与我们联系,我们将尽快回复您的消息!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]