MakerBingo 发表于 2017-4-29 16:41:27

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

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

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

现在我们把附件 通用极简主控演示20170427v01.zip 用在教程 氦氪云入门教程04-基于氦氪主控协议的作品-SDK演示插座 中建立的产品上,看看会有什么效果。

Send编辑框中写的{cmdId:0}是有效数据(即业务数据),在发送时会自动加上其他的主控协议必要数据。
在Receive编辑框收到的数据,只保留了有效数据。
根据通信协议,这里的有效数据{cmdId:0}代表查询设备状态。

根据通信协议,这里的有效数据{cmdId:2,power:1}代表打开设备。

根据通信协议,这里的有效数据{cmdId:2,power:0}代表关闭设备。


打算自己写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控制页面-通用极简主控演示