给微信硬件设备添加我们自己的控制面板。
主要问题:
1 要保证长连接,这样面板可以实时交互阴间设备,http一次性的连接模式通信不行。
面板必须是网页化的,网页就可以操作交互。不用APP和小程序。
2 长连接需要websocket技术,可以保证长连接。
3 websocket技术虽然保证长连接,但是用户和设备管理这个大后台需要个总管。 直接上MQTT服务器省去各种管理,一个设备对应一个通信话题,而且拥有websocket接口。
4 自己的服务器必须单独开一个php后台服务,2个小时请求一次微信token。
当设备需要直接主动发消息给用户的时候, 利用token调用如下几个微信API
原本想着给微信云全部代管上面所有流程,然而它的硬件直连SDK都被封装了,根本不知道调用微信的什么API通信。
而且考虑到后期肯定收费(用人家服务器),。
1 修改控制面板链接
2 控制界面实现
参看:http://www.hivemq.com/demos/websocket-client/
下载这个网页,放在你服务器上填写的地址,这是一个MQTT网页端控制界面,用来调试。
链接:https://pan.baidu.com/s/1CxHc-nc3dfFyaToce_xFSQ
提取码:v2wd
2-1 网页前端。有个好脸蛋, 自己根据需求改,空调的,灯的。
2-2 网页后面需要建立 websocket,和mqtt服务器通信。
通信的时候,一个设备ID对应两个个MQTT通信话题
接收话题 用户ID/设备ID/r
发送话题 用户ID/设备ID/s
(设备ID在用户点击设备栏-打开设备的时候,一并送到自己的服务器url了,自己的服务器接收到以后拿出来,用于生成网页返回给用户。)
我的微信已经绑定了三个设备
点击设备
自己的服务器接收到这个请求后,写个php服务,拿出设备ID,用于生成网页。
用户打开控制页面,发送消息和接收消息。
事实上,相当于返回一个mqtt的网页通信控制端。(代替APP和小程序)
好了,通信打通了,接下来需要美化界面。
同时,自动根据设备ID填入参数,生成MqTT链接。
最原始的MQTT网页客户端控制,在此基础上修改。
入手js大坑了解下。
直接右键下载这个网页,修改
1 订阅按钮处要修改,
点击订阅本应该出现
但是部署在自己的服务器上就跳出去了别的网站。
查看代码
data就是这个跳出来的选择框,本应该业内跳转到这
但是在 href= 后面原来还加了原网址的的URL, 直接删了,保留 #data。
--问题解决参考1-----------------------------------------------------------------------------------------------------------------------------------------
-问题解决参考2--------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------
自己MQTT服务器自带的网页控制(找不到这个源文件)
还有一个版本,好像是日本网友写的,然而无法进行用户账号密码自定义写入,连接不上我开启认证的MQTT服务器,舍弃了。