查看: 5595|回复: 2

[8月赛] 【云上的你】前端小白开发:OneNet平台的数据展现途径

[复制链接]

1

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2017-8-7 09:58:23 | 显示全部楼层 |阅读模式
本帖最后由 彤彤 于 2017-8-7 10:06 编辑

在OneNet平台上可以轻松实现端到端的物联网构建。设备端:OneNet提供丰富的协议可以接入设备
数据的存储:设备接入后,OneNet可以实时采集数据,并且存储到平台上
客户端:OneNet平台提供应用的创建平台,为用户提供客户端的数据展示等功能

我作为一名前端开发者,首先关注的是前端的构建。关于OneNet平台的前端构建可以有三种方式:
1、直接利用OneNet平台的应用创建,OneNet提供丰富的页面组件。OneNet为用户免费生成页面挂载与OneNet平台上,因此OneNet平台也相当于是一个建站的平台
2、OneNet平台为JavaScript提供了SDK,具体使用方式如下所示
  1. /**
  2. * 读取设备多个数据流
  3. * api.getDataStreams(设备id)
  4. * */
  5. var api = new OneNetApi('geh3sTZLbE=6INlp0cjQlLIoMfA=');
  6. api.getDataStreams(680817).done(function(data){
  7.     console.log('api调用完成,服务器返回data为:', data);
  8. });


  9. /**
  10. * 获取数据点
  11. * api.getDataPoints(设备id, 参数)
  12. * 参数为一个json对象,可以设置各个读取参数,参数列表参考http://open.iot.10086.cn/apidoc/datapoint/view.html
  13. * */
  14. var api = new OneNetApi('geh3sTZLbE=6INlp0cjQlLIoMfA=');
  15. api.getDataPoints(680817, {datastream_id:'temp'}).done(function(data){
  16.     console.log('api调用完成,服务器返回data为:', data);
  17. });


  18. /**
  19. * 发送命令
  20. * api.sendCommand(设备id, 命令内容) 命令内容参考http://open.iot.10086.cn/apidoc/cmd/create.html
  21. * */
  22. var api = new OneNetApi('geh3sTZLbE=6INlp0cjQlLIoMfA=');
  23. api.sendCommand(680817, '100').done(function(data){
  24.     console.log('api调用完成,服务器返回data为:', data);
  25. });
复制代码



3、第三种方式,则是OneNet平台提供通过代码嵌入直接调用OneNet平台前端组件的功能。
在每个应用里,可以查找到OneNet平台生成的代码,将这段代码嵌入到OneNet之外的页面中可以进行显示。显示的原理这段代码自动生成一个iframe来实现。









回复

举报

1

主题

5

帖子

11

积分

新手上路

Rank: 1

积分
11
发表于 2017-8-7 10:32:28 | 显示全部楼层
来资瓷一下彤姐

51

主题

161

帖子

207

积分

中级会员

Rank: 3Rank: 3

积分
207
发表于 2017-8-7 10:15:46 | 显示全部楼层
~~~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表