摘要：這里，我用到一個(gè)庫(kù)出處你要發(fā)送的數(shù)據(jù)回調(diào)發(fā)消息到設(shè)備發(fā)送消息的結(jié)果已發(fā)送請(qǐng)查看控制板說(shuō)明需要在微信對(duì)應(yīng)設(shè)備號(hào)內(nèi)才能使用對(duì)應(yīng)的。

1.引入JS庫(kù)

2.為頁(yè)面注入配置信息

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

這里我的jsApiList為

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

如果想要測(cè)一下微信版本是不是支持這幾個(gè)api，可以這樣寫：

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

    }
});

3.初始化設(shè)備庫(kù)函數(shù)

通過(guò)ready接口處理成功驗(yàn)證

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

坑：重新掃描設(shè)備根本什么都掃不出來(lái)，即使是刷新頁(yè)面也不頂用
解決方法：每次掃描前，先調(diào)用closeWXDeviceLib關(guān)閉設(shè)備庫(kù)，再調(diào)用openWXDeviceLib打開(kāi)設(shè)備庫(kù)。這樣就相當(dāng)于重新初始化了一遍設(shè)備庫(kù)，你現(xiàn)在再重新掃描，就可以掃描到設(shè)備了。

代碼：

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

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

4.監(jiān)聽(tīng)設(shè)備返回的信息

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

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

收發(fā)數(shù)據(jù)前需進(jìn)行 base64 的編解碼。
這里，我用到一個(gè)庫(kù)：

出處：
https://github.com/dankogai/j...

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ā)送 請(qǐng)查看控制板");
});

說(shuō)明：

1.需要在微信對(duì)應(yīng)設(shè)備號(hào)內(nèi)才能使用對(duì)應(yīng)的api。
2.必須要在設(shè)備號(hào)設(shè)置的安全域名下才能正常使用api
3.本篇內(nèi)所有的console.log 等輸出到控制臺(tái) 都是用的vconsole調(diào)試工具實(shí)現(xiàn)。