国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 微信小程序 微信開發(fā) 微信硬件JS-Api開發(fā)不完全指南

微信硬件JS-Api開發(fā)不完全指南

Feb 09, 2017 am 09:28 AM

1.引入JS庫

?<script type=&#39;text/javascript&#39; src=&#39;//res.wx.qq.com/open/js/jweixin-1.0.0.js&#39;></script>

2.為頁面注入配置信息

wx.config({
????beta:?true,?//?開啟內測接口調用,注入wx.invoke方法,非常重要!!必須有這個
????debug:?true,//開啟調試接口,alert運行結果
????appId:?'',//必填,公眾號的唯一標識,
????timestamp:?'',//必填,生成簽名的時間戳
????nonceStr:?'',//必填,生成簽名的隨機串
????signature:?'',//必填,簽名
????jsApiList:?[]//要調用的js函數,必須把函數名字寫入數組
});

這里我的jsApiList為

jsApiList:?[
????????????'openWXDeviceLib',//初始化設備庫(只支持藍牙設備)
????????????'closeWXDeviceLib',//關閉設備庫(只支持藍牙設備)
????????????'getWXDeviceInfos',//獲取設備信息(獲取當前用戶已綁定的藍牙設備列表)
????????????'sendDataToWXDevice',//發(fā)送數據給設備
????????????'startScanWXDevice',//掃描設備(獲取周圍所有的設備列表,無論綁定還是未被綁定的設備都會掃描到)
????????????'stopScanWXDevice',//停止掃描設備
????????????'connectWXDevice',//連接設備
????????????'disconnectWXDevice',//斷開設備連接
????????????'getWXDeviceTicket',//獲取操作憑證
????????????'onWXDeviceBindStateChange',//微信客戶端設備綁定狀態(tài)被改變時觸發(fā)此事件
????????????'onWXDeviceStateChange',//監(jiān)聽連接狀態(tài),可以監(jiān)聽連接中、連接上、連接斷開
????????????'onReceiveDataFromWXDevice',//接收到來自設備的數據時觸發(fā)
????????????'onScanWXDeviceResult',//掃描到某個設備時觸發(fā)
????????????'onWXDeviceBluetoothStateChange',//手機藍牙打開或關閉時觸發(fā)
????????]

如果想要測一下微信版本是不是支持這幾個api,可以這樣寫:

?wx.checkJsApi({
????jsApiList:?['openWXDeviceLib',?'onScanWXDevicesResult',?'getWXDeviceInfos'],?//?需要檢測的JS接口列表,所有JS接口列表見附錄2,
????success:?function?(res)?{
????????console.log(res);

????}
});

3.初始化設備庫函數

通過ready接口處理成功驗證

wx.ready(function?()?{??????????
????wx.invoke('openWXDeviceLib',?{connType:?'blue'},?function?(res)?{
????????console.debug('openWXDeviceLib重新打開設備庫==>');
????????console.log(res);
????});
})

坑:重新掃描設備根本什么都掃不出來,即使是刷新頁面也不頂用

解決方法:每次掃描前,先調用closeWXDeviceLib關閉設備庫,再調用openWXDeviceLib打開設備庫。這樣就相當于重新初始化了一遍設備庫,你現在再重新掃描,就可以掃描到設備了。

代碼:

wx.invoke("stopScanWXDevice",?{},?function?(res)?{
????console.debug('stopScanWXDevice');
????console.log(res);
?});
wx.invoke("closeWXDeviceLib",?{},?function?(res)?{
????console.debug('closeWXDeviceLib關閉設備庫==>');
????console.log(res);
});

wx.invoke('openWXDeviceLib',?{connType:?'blue'},?function?(res)?{
????console.debug('openWXDeviceLib重新打開設備庫==>');
????console.log(res);
});

4.監(jiān)聽設備返回的信息

wx.on('onReceiveDataFromWXDevice',?function?(res)?{
????console.warn('onReceiveDataFromWXDevice=>');
????console.log(JSON.stringify(res));
});

5.發(fā)送消息到設備

收發(fā)數據前需進行 base64 的編解碼。
這里,我用到一個庫:

????<script type=&#39;text/javascript&#39; src=&#39;base64.js&#39;></script>

出處:
http://m.miracleart.cn/

var?data={"deviceId":deviceId,"base64Data":?Base64.encode('你要發(fā)送的數據')};
console.log(data);
wx.invoke('sendDataToWXDevice',data?,?function(res){
????//回調
????console.info('發(fā)消息到設備sendMsg');
????console.log(data);
????console.log(res);
????$('#dataFromDevice').append('發(fā)送消息的結果:'+JSON.stringify(res));
????alert('已發(fā)送?請查看控制板');
});

說明:

1.需要在微信對應設備號內才能使用對應的api。

2.必須要在設備號設置的安全域名下才能正常使用api

3.本篇內所有的console.log 等輸出到控制臺 都是用的vconsole調試工具實現。


1.引入JS庫

?<script type=&#39;text/javascript&#39; src=&#39;//res.wx.qq.com/open/js/jweixin-1.0.0.js&#39;></script>

2.為頁面注入配置信息

wx.config({
????beta:?true,?//?開啟內測接口調用,注入wx.invoke方法,非常重要!!必須有這個
????debug:?true,//開啟調試接口,alert運行結果
????appId:?'',//必填,公眾號的唯一標識,
????timestamp:?'',//必填,生成簽名的時間戳
????nonceStr:?'',//必填,生成簽名的隨機串
????signature:?'',//必填,簽名
????jsApiList:?[]//要調用的js函數,必須把函數名字寫入數組
});

這里我的jsApiList為

jsApiList:?[
????????????'openWXDeviceLib',//初始化設備庫(只支持藍牙設備)
????????????'closeWXDeviceLib',//關閉設備庫(只支持藍牙設備)
????????????'getWXDeviceInfos',//獲取設備信息(獲取當前用戶已綁定的藍牙設備列表)
????????????'sendDataToWXDevice',//發(fā)送數據給設備
????????????'startScanWXDevice',//掃描設備(獲取周圍所有的設備列表,無論綁定還是未被綁定的設備都會掃描到)
????????????'stopScanWXDevice',//停止掃描設備
????????????'connectWXDevice',//連接設備
????????????'disconnectWXDevice',//斷開設備連接
????????????'getWXDeviceTicket',//獲取操作憑證
????????????'onWXDeviceBindStateChange',//微信客戶端設備綁定狀態(tài)被改變時觸發(fā)此事件
????????????'onWXDeviceStateChange',//監(jiān)聽連接狀態(tài),可以監(jiān)聽連接中、連接上、連接斷開
????????????'onReceiveDataFromWXDevice',//接收到來自設備的數據時觸發(fā)
????????????'onScanWXDeviceResult',//掃描到某個設備時觸發(fā)
????????????'onWXDeviceBluetoothStateChange',//手機藍牙打開或關閉時觸發(fā)
????????]

如果想要測一下微信版本是不是支持這幾個api,可以這樣寫:

?wx.checkJsApi({
????jsApiList:?['openWXDeviceLib',?'onScanWXDevicesResult',?'getWXDeviceInfos'],?//?需要檢測的JS接口列表,所有JS接口列表見附錄2,
????success:?function?(res)?{
????????console.log(res);

????}
});

3.初始化設備庫函數

通過ready接口處理成功驗證

wx.ready(function?()?{??????????
????wx.invoke('openWXDeviceLib',?{connType:?'blue'},?function?(res)?{
????????console.debug('openWXDeviceLib重新打開設備庫==>');
????????console.log(res);
????});
})

坑:重新掃描設備根本什么都掃不出來,即使是刷新頁面也不頂用

解決方法:每次掃描前,先調用closeWXDeviceLib關閉設備庫,再調用openWXDeviceLib打開設備庫。這樣就相當于重新初始化了一遍設備庫,你現在再重新掃描,就可以掃描到設備了。

代碼:

wx.invoke("stopScanWXDevice",?{},?function?(res)?{
????console.debug('stopScanWXDevice');
????console.log(res);
?});
wx.invoke("closeWXDeviceLib",?{},?function?(res)?{
????console.debug('closeWXDeviceLib關閉設備庫==>');
????console.log(res);
});

wx.invoke('openWXDeviceLib',?{connType:?'blue'},?function?(res)?{
????console.debug('openWXDeviceLib重新打開設備庫==>');
????console.log(res);
});

4.監(jiān)聽設備返回的信息

wx.on('onReceiveDataFromWXDevice',?function?(res)?{
????console.warn('onReceiveDataFromWXDevice=>');
????console.log(JSON.stringify(res));
});

5.發(fā)送消息到設備

收發(fā)數據前需進行 base64 的編解碼。
這里,我用到一個庫:

????<script type=&#39;text/javascript&#39; src=&#39;base64.js&#39;></script>

出處:
http://m.miracleart.cn/

var?data={"deviceId":deviceId,"base64Data":?Base64.encode('你要發(fā)送的數據')};
console.log(data);
wx.invoke('sendDataToWXDevice',data?,?function(res){
????//回調
????console.info('發(fā)消息到設備sendMsg');
????console.log(data);
????console.log(res);
????$('#dataFromDevice').append('發(fā)送消息的結果:'+JSON.stringify(res));
????alert('已發(fā)送?請查看控制板');
});

說明:

1.需要在微信對應設備號內才能使用對應的api。

2.必須要在設備號設置的安全域名下才能正常使用api

3.本篇內所有的console.log 等輸出到控制臺 都是用的vconsole調試工具實現。

更多微信硬件JS-Api開發(fā)不完全指南相關文章請關注PHP中文網!

本站聲明
本文內容由網友自發(fā)貢獻,版權歸原作者所有,本站不承擔相應法律責任。如您發(fā)現有涉嫌抄襲侵權的內容,請聯系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅動的應用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)