MakerBingo 发表于 2017-4-29 15:30:21

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

本帖最后由 MakerBingo 于 2017-8-8 15:21 编辑

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

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

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

在设备上按键,控制页面收到数据。

根据通信协议,这里的有效数据0101代表将设备上的LED打开。


打算自己写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

页: [1]
查看完整版本: H5控制页面-通用极简透传演示