机智云小程序启蒙：WebSocket网页控制
本帖最后由 小鹏鹏 于 2019-7-22 09:57 编辑机智云小程序启蒙：WebSocket网页控制
机智云Web版的JS远程控制设备，是调用了机智云开放的Open API和WebSocket API来实现的。这个是设计小程序最好的基础，也可以使无安卓设备的用户用网页远程控制设备。
其中，Open API用到的接口有匿名登录用户、绑定设备和获取绑定设备列表。而WebSocket API上的用户登陆、设备上线下线通知、浏览器与云端的数据交互（数据透传）、心跳和非法消息通知。
具体的流程图如下：http://5b0988e595225.cdn.sohucs.com/images/20190718/9b437eddc1724cbc8625bd7525dffbf5.png
[ 一、准备工作]获取需要调用OPEN API匿名登录用户和绑定设备
1.获取phone_idphone_id 可以是手机的唯一识别码，简单来说就是自己的注册名，自己随意取，支持英文大小写、数字、特殊符号，中文格式我没测试过。
2.创建用户http://swagger.gizwits.com/doc/index/openapi_apps#/用户管理/post_app_users
2.1.填写appidhttp://5b0988e595225.cdn.sohucs.com/images/20190718/a0d0146260884168979de4a6bc6f7fd5.jpeg2.2.填写bodyhttp://5b0988e595225.cdn.sohucs.com/images/20190718/8ac57a0e7eee4a16a7ca3e0ece209f47.png2.3.登录匿名用户，获取tokenhttp://5b0988e595225.cdn.sohucs.com/images/20190718/53d6b684295644d491d777bb190fa8e4.png
3.绑定设备POST请求链接：http://swagger.gizwits.com/doc/index/openapi_apps#/绑定管理/post_app_bind_mac
3.1.填写appidhttp://5b0988e595225.cdn.sohucs.com/images/20190718/7cc4638f1e674f0699327f6a2e3e5d35.png3.2.填写刚才自己命名的iphone_id登录回调的tokenhttp://5b0988e595225.cdn.sohucs.com/images/20190718/0f654cc5a7ca4a428d4fd702664bbacc.png3.3.填写Timestamp、Signature和bodyhttp://5b0988e595225.cdn.sohucs.com/images/20190718/8cff5491440d4fd1922296e09a3ec81b.jpeg时间戳计算链接 tool.chinaz.com/Tools/unixtime.aspxhttp://5b0988e595225.cdn.sohucs.com/images/20190718/85d42d357b044c24ab2970d95aa8db78.png
MD5计算链接 tool.oschina.net/encrypt?type=2如下图:http://5b0988e595225.cdn.sohucs.com/images/20190718/dd6305edd63c4d80999554158441c2b6.jpeg
[ 二、网页控制界面]1.websocket API封装起来的sdk链接如下：github.com/gizwits/gizwits-wechat-js-sdk
2.运行index.htmlhttp://5b0988e595225.cdn.sohucs.com/images/20190718/899e1bc49d234713bba10f15815b5b5f.png3.Websocket网页控制界面http://5b0988e595225.cdn.sohucs.com/images/20190718/9662d9491faf4c45ba87dfbc90401631.jpeg下面使用的参数有：
[*]参数
[*]说明
[*]数值
apiHost机智云OpenApi域名api.gizwits.comcommType标准数据点协议格式attrs_v4wechatOpenId微信用户OpenID（就是手机的iPhone_id）StringgizwitsAppId机智云平台应用标识String核心代码：http://5b0988e595225.cdn.sohucs.com/images/20190718/c0f9fbec64604e3dafdfe75e5aeebb91.pnghttp://5b0988e595225.cdn.sohucs.com/images/20190718/e6597048a86f4cfc85f3730d9b48a516.jpeghttp://5b0988e595225.cdn.sohucs.com/images/20190718/ab9e7541fbf641d2a7e6e9b8ed14d74e.jpeg
[ 三、补充]
[*]下载的文件包是我精心改良的网页版，机智云官网有原版：https://github.com/gizwits/gizwits-wechat-js-sdk
[*]本次测试是用了虚拟设备，mac为“virtual：site”
[*]重点：经过本人测试，网页版绑定实际设备，除了第一部安卓手机app绑定设备，获得主权限，不能立马分享给其他用户，需要先网页版自动绑定，然后才可以分享给其他有安卓手机app的用户，这就是app与网页版的用户绑定的顺序 不一样
[*]源码：http://www.demodashi.com/demo/15679.html
页:
[1]