极客工坊

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4342|回复: 0

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

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

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

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

Send编辑框中写的{cmdId:0}是有效数据(即业务数据),在发送时会自动加上其他的主控协议必要数据。
在Receive编辑框收到的数据,只保留了有效数据。
根据通信协议,这里的有效数据{cmdId:0}代表查询设备状态。
145150uakvacwonxxkzj99.png
根据通信协议,这里的有效数据{cmdId:2,power:1}代表打开设备。
145203klautg43r4zeracr.png
根据通信协议,这里的有效数据{cmdId:2,power:0}代表关闭设备。
145213fjgr5h6zk66k1hhj.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

通用极简主控演示20170427v01.zip

30.01 KB, 下载次数: 3

回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-7-15 16:31 , Processed in 0.047385 second(s), 27 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2017 Comsenz Inc.

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