1. Présentez la bibliothèque JS

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

2. Injectez les informations de configuration dans la page

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

Voici ma jsApiList.

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

Si vous souhaitez tester si la version WeChat prend en charge ces API, vous pouvez écrire comme ceci?:

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

????}
});

3. Initialiser la fonction de bibliothèque de l'appareil

Traitement réussi de la vérification via l'interface prête

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

Piège?: rien ne peut être trouvé du tout en analysant à nouveau l'appareil, même l'actualisation de la page ne le résout pas

Méthode?: avant chaque analyse, appelez d'abord closeWXDeviceLib pour fermer la bibliothèque de périphériques, puis appelez openWXDeviceLib pour ouvrir la bibliothèque de périphériques. Cela équivaut à réinitialiser la bibliothèque de périphériques. Si vous effectuez une nouvelle analyse maintenant, vous pouvez analyser le périphérique.

Code?:

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

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

4. écoutez les informations renvoyées par l'appareil

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

5. un message adressé à l'appareil

doit effectuer un encodage et un décodage en base64 avant d'envoyer et de recevoir des données.
Ici, j'utilise une bibliothèque :

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

Source :
http://www.miracleart.cn/

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

Description :

1. Vous devez disposer du numéro d'appareil correspondant sur WeChat pour utiliser l'API correspondante.

2. L'API doit être utilisée normalement sous le nom de domaine sécurisé défini par le numéro de périphérique

3. Tous les fichiers console.log et autres sorties vers la console dans cet article sont effectués à l'aide de la vconsole. outil de débogage accompli.

1. Introduire la bibliothèque 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,?//?開啟內(nèi)測接口調(diào)用，注入wx.invoke方法,非常重要!!必須有這個
????debug:?true,//開啟調(diào)試接口，alert運行結(jié)果
????appId:?'',//必填，公眾號的唯一標(biāo)識,
????timestamp:?'',//必填，生成簽名的時間戳
????nonceStr:?'',//必填，生成簽名的隨機串
????signature:?'',//必填，簽名
????jsApiList:?[]//要調(diào)用的js函數(shù)，必須把函數(shù)名字寫入數(shù)組
});

Ma jsApiList ici est

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

Si vous souhaitez tester si la version WeChat prend en charge ces API, vous pouvez écrire comme ceci?:

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

????}
});

3. Initialisez la fonction de bibliothèque de l'appareil

Procédez une vérification réussie via l'interface prête

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

Piège?: analysez à nouveau l'appareil et rien ne peut être trouvé Même l'actualisation de la page ne fonctionne pas

Solution?: avant chaque analyse, appelez closeWXDeviceLib pour fermer la bibliothèque de périphériques, puis appelez openWXDeviceLib pour ouvrir la bibliothèque de périphériques. Cela équivaut à réinitialiser la bibliothèque de périphériques. Si vous effectuez une nouvelle analyse maintenant, vous pouvez analyser le périphérique.

Code?:

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

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

4. écoutez les informations renvoyées par l'appareil

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

5. un message adressé à l'appareil

doit effectuer un encodage et un décodage en base64 avant d'envoyer et de recevoir des données.

Ici, j'utilise une bibliothèque :

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

Source :

http://www.miracleart.cn/

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

Description :

1. Vous devez disposer du numéro d'appareil correspondant sur WeChat pour utiliser l'API correspondante.

2. L'API doit être utilisée normalement sous le nom de domaine sécurisé défini par le numéro de périphérique

3. Tous les fichiers console.log et autres sorties vers la console dans cet article sont effectués à l'aide de la vconsole. outil de débogage accompli.

Pour plus d'articles liés au guide incomplet pour le développement JS-Api du matériel WeChat, veuillez faire attention au site Web PHP chinois?!