微信小程序?qū)崿F(xiàn)藍(lán)牙打印
最近剛好完成了一個(gè)打印標(biāo)簽的項(xiàng)目,其中就涉及到了小程序的藍(lán)牙功能。所以寫(xiě)下這篇粗略的文章記錄一下,同時(shí)也是給即將做相關(guān)項(xiàng)目的親們提供一個(gè)參考,也希望有什么描述不恰當(dāng)或者技術(shù)上不正確的地方大家可以指出,一起進(jìn)步。
藍(lán)牙打印只要按這九個(gè)步驟(前六個(gè)步驟連接藍(lán)牙,后三個(gè)步驟打印數(shù)據(jù))就可以搞定啦!步驟如下:
第一步:初始化藍(lán)牙模塊 wx.openBluetoothAdapter
wx.openBluetoothAdapter({
success (res) {
console.log(res)//res:{errMsg: "openBluetoothAdapter:ok"}
}
})
第二步:開(kāi)始搜尋附近的藍(lán)牙外圍設(shè)備 wx.startBluetoothDevicesDiscovery
wx.startBluetoothDevicesDiscovery({
//services: ['FEE7'],只搜索主服務(wù) UUID 為 FEE7 的設(shè)備,如果明確知道主服務(wù)UUID可以用此項(xiàng)做篩選
success (res) {
console.log(res)//res:{errCode: 0, errMsg: "startBluetoothDevicesDiscovery:ok", isDiscovering: true}
}
})
第三步:獲取已搜素到的藍(lán)牙設(shè)備列表 wx.getBluetoothDevices
wx.getBluetoothDevices({
success: function (res) {
console.log(res)//res:{errMsg: "getBluetoothDevices:ok", devices: Array(3)}
}
})
第四步:監(jiān)聽(tīng)尋找到新設(shè)備的事件 wx.onBluetoothDeviceFound(有時(shí)候會(huì)第三步會(huì)搜不到所以需要使用監(jiān)聽(tīng)器去隨時(shí)監(jiān)聽(tīng)搜索到的藍(lán)牙設(shè)備并返回給你)
wx.onBluetoothDeviceFound(function(res) {
console.log(res)//res:{devices: Array(1)}
})
第五步:連接藍(lán)牙設(shè)備 wx.createBLEConnection
wx.createBLEConnection({
deviceId,//上面選擇藍(lán)牙設(shè)備的deviceId,例:連接第一個(gè)設(shè)備devices[0].deviceId
success (res) {
console.log(res)//{errCode: 0, errMsg: "createBLEConnection:ok"}
}
})
第六步:停止搜尋附近的藍(lán)牙外圍設(shè)備 wx.stopBluetoothDevicesDiscovery(可以寫(xiě)在第五步成功回調(diào)之后,或者是
onUnload()函數(shù)里)
wx.stopBluetoothDevicesDiscovery({
success (res) {
console.log(res)
}
})
第七步:獲取藍(lán)牙設(shè)備所有服務(wù) wx.getBLEDeviceServices
wx.getBLEDeviceServices({
deviceId,//已連接的藍(lán)牙設(shè)備ID
success (res) {
console.log(res)//{errMsg: "getBLEDeviceServices:ok", services: Array(5), errCode: 0}
}
})
//這邊獲取到了5個(gè)服務(wù)
第八步:獲取藍(lán)牙設(shè)備中某一個(gè)服務(wù)的所有特征值 wx.getBLEDeviceCharacteristics
var characteristics="";
wx.getBLEDeviceCharacteristics({
deviceId,
serviceId,//第七步的服務(wù)ID,
success (res) {
//res:{errMsg: "getBLEDeviceCharacteristics:ok", characteristics: Array(4), errCode: 0}
//characteristics[0].properties: {read: true, write: false, notify: false, indicate: false}
//特征值有好幾種類型,我們這邊打印需要的是item.properties.write為true的特征值
for (var i = 0; i < res.characteristics.length; i++) {
var item = res.characteristics[i];
if (item.properties.write) {
characteristics = item.uuid;
}
}
//保存特征值
}
})
第九步:向藍(lán)牙設(shè)備特征值中寫(xiě)入數(shù)據(jù) wx.writeBLECharacteristicValue
wx.writeBLECharacteristicValue({
deviceId,
serviceId,
characteristicId,//上面保存的特征值
value: buffer, // 這里的value是ArrayBuffer類型,中間層傳過(guò)來(lái)的打印數(shù)據(jù)前端自己做轉(zhuǎn)換,轉(zhuǎn)換過(guò)程我這邊就不描述了;
success (res) {
console.log('writeBLECharacteristicValue success', res.errMsg)
}
})
//特別提醒建議每次寫(xiě)入的buffer不超過(guò)20字節(jié),超過(guò)會(huì)有寫(xiě)入錯(cuò)誤的風(fēng)險(xiǎn),所以一個(gè)打印的內(nèi)容可能要拆成N個(gè)20字節(jié)的buffer去循環(huán)writeBLECharacteristicValue,這樣就能打印成功啦。
附:
示例代碼(uniapp實(shí)現(xiàn)小程序藍(lán)牙打印簡(jiǎn)易流程)
另注:無(wú)論是原生、WePY、mpvue或uniapp、調(diào)用步驟都是一樣的,不過(guò)調(diào)用API的前綴需要改成對(duì)應(yīng)的就OK了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS自動(dòng)生成動(dòng)態(tài)HTML驗(yàn)證碼頁(yè)面
這篇文章主要介紹了JS自動(dòng)生成動(dòng)態(tài)HTML驗(yàn)證碼頁(yè)面,輸入錯(cuò)誤自動(dòng)清空輸入框的功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)
這篇文章主要介紹了深入淺析JavaScript函數(shù)前面的加號(hào)和嘆號(hào)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
js實(shí)現(xiàn)1,2,3,5數(shù)字按照概率生成
這篇文章主要介紹了js實(shí)現(xiàn)1,2,3,5數(shù)字按照概率生成,需要的朋友可以參考下2017-09-09
使用layui 渲染table數(shù)據(jù)表格的實(shí)例代碼
今天小編就為大家分享一篇使用layui 渲染table數(shù)據(jù)表格的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
JS for循環(huán)中i++ 和 ++i的區(qū)別介紹
這篇文章主要介紹了JS for循環(huán)中i++ 和 ++i的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下2016-07-07

