ESP8266 + Airkiss从零开始之微信配网
一、引入JS文件,配网的页面程序上使用<script>标签引入js文件:
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
二、通过config接口注入权限验证配置:
<script> wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: "", // 必填,公众号的唯一标识 timestamp: "", // 必填,生成签名的时间戳 nonceStr: "", // 必填,生成签名的随机串 signature: "",// 必填,签名 jsApiList: ['configWXDeviceWiFi'] // 必填,需要使用的JS接口列表 }); </script>
三、利用ready接口可以自动加载配置wifi页面,但是这样会缺少引导或者注意事项:
<script> function configWiFi() { wx.invoke('configWXDeviceWiFi', {}, function (res) { if (res.err_msg == 'configWXDeviceWiFi:ok') { alert("配置成功!"); //配置成功,获取本地广播 wx.invoke('openWXDeviceLib', {'connType': 'lan' , 'brandUserName':'gh_4248324a4d02'}, function (res) { alert(JSON.stringify(res.err_msg)); }); wx.invoke('startScanWXDevice', {'connType': 'lan'}, function (res) { alert(JSON.stringify(res)); }); wx.on('onScanWXDeviceResult', function (res) { let deviceInfo = res.devices[0].deviceId; alert("收到了设备信息:" + deviceInfo); //自己解析一下res,里面会有deviceid,扫描设备的目的就是为了得到这个 //然后就可以开始绑定了 }); //wx.closeWindow(); } else { alert('配置失败!请重试'); } }); } $("#config").click(function(){ configWiFi(); }); </script>