记录一下使用uniapp蓝牙打印踩的坑 |
您所在的位置：网站首页 › gp-m322使用方法 › 记录一下使用uniapp蓝牙打印踩的坑 |
|
蓝牙打印功能
我引用的代码是【https://github.com/qihang666/BluetoothPrinter】qihang666提供的代码。 用的是佳博打印机。 测试的手机是红米note 9 pro。 打印的是条形码打印，纸的长宽是40mm*50mm。 第一步：写页面1，编写连接蓝牙的页面 搜索蓝牙 蓝牙已经连接 {{item.name}} 退出蓝牙 返回2，引入tsc文件和esc文件 var tsc = require('../../../components/gprint/tsc.js') var esc = require('../../../components/gprint/esc.js')3，定义数据 data() { return { devices: [],//搜索到的蓝牙设备,渲染到页面上 currDev: null, connId: '', bbb:uni.getStorageSync('bbb') } }, 第二步：初始化蓝牙，连接蓝牙1，点击搜索蓝牙 //点击搜索蓝牙 searchBle() { var that = this if(uni.getStorageSync('deviceId')){ uni.showToast({ title: '蓝牙已连接！要搜索蓝牙请先退出', icon: 'none', duration: 2000 }) return } console.log("点击搜索蓝牙") uni.openBluetoothAdapter({ success(res) { console.log("打开 蓝牙模块") console.log(res) that.onDevice() uni.getBluetoothAdapterState({ //获取本机蓝牙适配状态 success: function(res) { console.log(res) if (res.available) { if (res.discovering) { that.stopFindBule() } //搜索蓝牙 //开始搜寻附近的蓝牙外围设备 console.log("开始搜寻附近的蓝牙外围设备") uni.startBluetoothDevicesDiscovery({ success(res) { console.log("搜寻附近的蓝牙外围设备") console.log(res) } }) } else { console.log('本机蓝牙不可用') } }, }) } }) }, //监听寻找到新设备的事件 onDevice(){ console.log("监听寻找到新设备的事件---------------") var that = this //监听寻找到新设备的事件 uni.onBluetoothDeviceFound(function(devices) { console.log('--------------new-----------------------'+JSON.stringify(devices)) var re = JSON.parse(JSON.stringify(devices)) console.log("搜索到的蓝牙设备名字",re.devices[0].name + " 搜索到的蓝牙设备id " + re.devices[0].deviceId) let name = re.devices[0].name if (name != "") { // this.getBluetoothDevices() console.log("搜索到的蓝牙：",name) let deviceId = re.devices[0].deviceId that.devices.push({ //把搜索到的新设备保存起来 name: name, deviceId: deviceId, services: [] }) } }) },2，点击蓝牙设备的名字，连接蓝牙 //点击链接蓝牙 onConn(item) { if(uni.getStorageSync('deviceId')){ uni.showToast({ title: '蓝牙已连接！', icon: 'none', duration: 2000 }) return } console.log(item) uni.showLoading({ title: '蓝牙连接中', mask: true }) //显示加载动画 var that = this console.log("保存到的设备有；",that.devices) console.log("连接蓝牙---------------" + item.deviceId) let deviceId = item.deviceId console.log(deviceId) uni.createBLEConnection({ deviceId: deviceId, success:(res) => { if (res.errMsg == "createBLEConnection:ok") { console.log("连接蓝牙-[" + item.name + "]--成功") that.connId = deviceId; that.currDev = item setTimeout(function() { that.getBLEServices(deviceId) }, 1500) uni.setStorageSync("deviceId",item.deviceId)//把已经连接的蓝牙设备信息放入缓存 } else { uni.showToast({ title: '连接蓝牙失败！请退出蓝牙重新连接', icon: 'none', duration: 2000 }) console.log(res) } //连接成功 关闭搜索 that.stopFindBule() }, }) }, //获取已经连接的蓝牙设备的所有服务 getBLEServices(_deviceId) { var that = this; let deviceId = _deviceId console.log("获取蓝牙设备所有服务(service)。---------------") uni.getBLEDeviceServices({ // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接 deviceId: deviceId, success:(res) => { console.log(res) let serviceId = "" console.log("获取蓝牙设备成功的信息：",res) if(res.services.length == 0){ uni.hideNavigationBarLoading() //关闭加载动画 uni.showToast({ title: '获取蓝牙服务失败！请退出蓝牙重新连接', icon: 'none', duration: 2000 }) } for (var s = 0; s < res.services.length; s++) { let serviceId = res.services[s].uuid uni.getBLEDeviceCharacteristics({ // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接 deviceId: deviceId, // 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取 serviceId: serviceId, success:(res) => { var re = JSON.parse(JSON.stringify(res)) console.log('deviceId = [' + deviceId + '] serviceId = [' + serviceId + ']') for (var c = 0; c < re.characteristics.length; c++) { if (re.characteristics[c].properties.write == true) { let uuid = re.characteristics[c].uuid console.log(' deviceId = [' + deviceId + '] serviceId = [' + serviceId + '] characteristics=[' + uuid) for (var index in that.devices) { if (that.devices[index].deviceId == deviceId) { uni.showToast({ title: '连接蓝牙成功', icon: 'success', duration: 2000 }) uni.hideNavigationBarLoading() //关闭加载动画 that.bbb = true uni.setStorageSync("bbb",true) uni.setStorageSync("characteristicId",uuid)//把已经连接的蓝牙设备标识放入缓存 uni.setStorageSync("serviceId",serviceId)//把已经连接的蓝牙设备ID放入缓存 that.devices[index].services.push({ serviceId: serviceId, characteristicId: uuid }) break } } } } } }) } }, fail(res) { console.log(res) }, }) },到这里，蓝牙就已经连接了 第三步：打印1，，点击蓝牙打印，开始打印 我的蓝牙打印是在另一个页面应用的，用到的代码如下： //打印的数据 senBlData(deviceId, serviceId, characteristicId,uint8Array) { console.log('************deviceId = [' + deviceId + '] serviceId = [' + serviceId + '] characteristics=[' +characteristicId+ "]") var uint8Buf = Array.from(uint8Array); console.log("这个是什么。。。。。",uint8Buf) function split_array(datas,size){ console.log("data是什么：",datas) var result = {}; var j = 0 for (var i = 0; i < datas.length; i += size) { result[j] = datas.slice(i, i + size) j++ } console.log(result) return result } var sendloop = split_array(uint8Buf, 20); // console.log(sendloop.length) function realWriteData(sendloop, i) { var data = sendloop[i] if(typeof(data) == "undefined"){ return } console.log("第【" + i + "】次写数据"+data) var buffer = new ArrayBuffer(data.length) var dataView = new DataView(buffer) for (var j = 0; j < data.length; j++) { dataView.setUint8(j, data[j]); } uni.writeBLECharacteristicValue({ deviceId, serviceId, characteristicId, value: buffer, success(res) { realWriteData(sendloop, i + 1); } }) } var i = 0; realWriteData(sendloop, i); }, //打印条形码 daying(){ console.log("开始打印条码") // this.$nav('/pages/component/stamp') console.log("条码的内容：",this.sPopupList.wbHalfId) let deviceId = uni.getStorageSync('deviceId') let serviceId = uni.getStorageSync('serviceId') let characteristicId = uni.getStorageSync('characteristicId') var command = tsc.jpPrinter.createNew() // console.log(command) command.setSize(40, 50) command.setGap(2) command.setCls() command.setText(300, 100, "TSS24.BF2", 2, 2, this.sPopupList.procedured) // (x, y, codetype, height, readable, narrow, wide, content) command.setBar(230,25,"128",160,1,4,3,this.sPopupList.wbHalfId) // command.setQR(50, 50, "L", 5, "A", "[email protected]") // (x, y, level, width, mode, content) command.setPagePrint() this.senBlData(deviceId, serviceId, characteristicId,command.getData()) }, 第四步：断开蓝牙需要断开蓝牙的时候点击退出蓝牙 // 点击断开蓝牙连接 tomy (){ var _this = this uni.closeBluetoothAdapter({ success(res) { uni.removeStorageSync('deviceId') uni.removeStorageSync("serviceId"); uni.removeStorageSync("characteristicId"); uni.setStorageSync("bbb",false); console.log(_this.bbb) console.log("退出蓝牙：",uni.getStorageSync('deviceId')+"和"+uni.getStorageSync("serviceId")) _this.$navtab('/pages/about/my') } }) },点击返回：这只是个简单的页面跳转 //点击返回 fanhui (){ this.$navtab('/pages/about/my') //页面跳转 },到这个就做完了，我来记录一下我遇到的问题吧！ 总是获取不到设备服务，需要退出两次才可以连接蓝牙，要不就是连接蓝牙成功但是不能打印，卡了我好久，最后的解决问题的，因为我的后台蓝牙已经连接了设备，把本机连接的设备断开就好了。 我是一个菜鸡，记录一下我所踩过的坑！ |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |