0
点赞
收藏
分享

微信扫一扫

linux+onenet可视化(图形化步骤)

勇敢乌龟 2023-05-31 阅读 59

文章目录

OneNET是由中国移动打造的PaaS物联网开放平台。平台能够帮助开发者轻松实现设备接入与设备连接,快速完成产品开发部署,为智能硬件、智能家居产品提供完善的物联网解决方案。

一、ONENET项目搭建

1.1 ONENET注册

ONENET官网网址:https://open.iot.10086.cn/ 个人注册完成后,并实名认证。这个步骤在这里就不多讲了。

1.2 创建产品与设备

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:设备接入必须选择EDP,其它的随意即可

在这里插入图片描述

在这里插入图片描述
注意:设备名称不能有一些关键字,如smarhome,如果不成功的话,多换几个试试。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
记录自己的设备ID与APIkey,到时代码时会用到

设备ID:1089980215
APIkey:GsztG1CHsS=DHFBSkNv291NtAvo=

代码中使用到的设备ID与APIkey
在这里插入图片描述

1.3 添加数据流

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果连接成功,并向ONENET发送数据的话,这里有数据显示,我这里没有连接服务器,所以没有数据而已。

如果通过手动下发数据的话,方法如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、可视化配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
添加两个表盘
在这里插入图片描述
点击第一个表盘
在这里插入图片描述
在这里插入图片描述
选择数据流,选择数据流,先需要增加数据流

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述同样的方法来创建湿度、LED灯的数据流
在这里插入图片描述
在这里插入图片描述
最终可以看到3个数据流
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在数据过滤器里加入下面代码,因为从终端传过来的数据的是数据包,需要过滤掉,截取用的,过滤器可以参考官网文档:https://open.iot.10086.cn/doc/v5/fuse/detail/1128
在这里插入图片描述

function last(arr) {
    var len = arr ? arr.length : 0;
    if (len) return arr[len - 1];
}
return [{
    value: last(data).value,
    name: '温度'
}]

在这里插入图片描述
点击第二个表盘,配置与第一个相同
在这里插入图片描述
增加按钮
在这里插入图片描述
在这里插入图片描述
ONENET似乎按钮要收费,以前开过,但是没有用可视化,不知道试用版本有没有按钮,如果没有的话,大家开通下就可以用按钮了。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
回到可视化页面,发布项目
在这里插入图片描述
在这里插入图片描述

需要保存下访问

在手机或者电脑浏览器,即可查看配置好的页面

在这里插入图片描述

举报

相关推荐

0 条评论