极客工坊

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4987|回复: 0

H5控制页面-通用极简透传演示

[复制链接]
发表于 2017-4-29 15:30:21 | 显示全部楼层 |阅读模式
本帖最后由 MakerBingo 于 2017-8-8 15:21 编辑

很多刚接触氦氪云平台的开发者都会遇到一个小的挑战,就是自己可能不会用H5写控制页面。
为了方便大家尽快上手,我专门写了这个通用极简透传演示页面。
这个页面有多简单,大家自己看截图和代码就明白了,我就不多做解释了。

现在我们把附件 通用极简透传演示_validData_20170427v01.zip 用在教程 氦氪云入门教程03-使用氦氪透传协议的温湿度计 中建立的产品上,看看会有什么效果。

Send编辑框中写的00是有效数据(即业务数据),在发送时会自动加上帧头和帧校验等透传协议必要数据。
在Receive编辑框收到的数据中,我们看到的valid data是将收到的帧数据解析之后的结果,只保留了有效数据(以10进制显示)。
根据通信协议,这里的有效数据00代表查询设备状态。
142322oa26pm8qqan0h8ho.png
在设备上按键,控制页面收到数据。
142334bdbv3bo88fsmczbo.png
根据通信协议,这里的有效数据0101代表将设备上的LED打开。
142339vh0hqmjgv02b907h.png

打算自己写H5控制页面的开发者们,可以看看以下的基础教程:
HTML 教程- (HTML5 标准)
http://www.runoob.com/html/html-tutorial.html
CSS 教程
http://www.runoob.com/css/css-tutorial.html
JavaScript 教程
http://www.runoob.com/js/js-tutorial.html
jQuery 教程
http://www.runoob.com/jquery/jquery-tutorial.html
jQuery Mobile 教程
http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html

通用极简透传演示_validData_20170503v02.zip

31.1 KB, 下载次数: 21

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|联系我们|极客工坊 ( 浙ICP备09023225号 )

GMT+8, 2020-7-15 17:07 , Processed in 0.052063 second(s), 27 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

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