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

MakerBingo

很多刚接触氦氪云平台的开发者都会遇到一个小的挑战，就是自己可能不会用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