uni-app开发经验分享十五: uni-app 蓝牙打印功能

发布时间:2020-12-26 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了uni-app开发经验分享十五: uni-app 蓝牙打印功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在做uni-app项目时,遇到了需要蓝牙打印文件的功能需要制作,在网上找到了一个教程,这里分享给大家。

引入tsc.js

简单得引入到自己所需要得页面中去,本次我们只要到了标签模式,他同时还有账单模式可以选择。

   // 蓝牙打印 指令和转码
   var tsc = require('@components/gprint/tsc.js')

蓝牙适配前期工作

首先我们需要先初始化蓝牙模块,在进行搜索蓝牙。在监听到附近蓝牙设备时,记录他的名称和deviceId。

onBlue(e) {
  uni.openBluetoothAdapter({
    success(res) {
      //监听寻找到新设备的事件
      that.findDevice()
      //监听本机蓝牙适配器状态变化事件
      that.onStatus()
    }
  })
findDevice(){
  console.log("监听寻找到新设备的事件---------------")
  //监听寻找到新设备的事件
  uni.onBluetoothDeviceFound(function(devices) {
    const {name,deviceId} = devices[0];
    if(name == "未知设备")return;
    if(!name || !name.length){
      that.devices.push({
        name: name,deviceId: deviceId,services: []
      })
    }
    that.devices.forEach(e=>{
      if(that.devicesList){
        let b = true;
        that.devicesList.forEach(e1=>{
          if(e.name == e1.name){
            b = false;
          }
        });
        if(b)that.devicesList.push(e);
      }else{
        that.devicesList.push(e);
      }
    });
  }
}
onStatus(){
  uni.getBluetoothAdapterState({
    success: function(res) {
      //本机蓝牙开启时
      if (res.available) {
        //如在正在搜索设备,则停止搜索
        if (res.discovering) {
          uni.stopBluetoothDevicesDiscovery()
        }
        //搜索蓝牙
        //开始搜寻附近的蓝牙外围设备
        uni.startBluetoothDevicesDiscovery()
      } else {
        console.log('本机蓝牙不可用')
      }
    },})
}

连接蓝牙

搜索出附近蓝牙设备后,获取蓝牙设备的deviceId传入createBLEConnection方法中。在连接蓝牙设备时,我们需要注意的是保证尽量成对的调用 createBLEConnection 和 closeBLEConnection 接口。安卓如果多次调用 createBLEConnection 创建连接,有可能导致系统持有同一设备多个连接的实例,导致调用 closeBLEConnection 的时候并不能真正的断开与设备的连接。
我们将连接成功的蓝牙信息存到currDev中,以便直接连接,无需进行搜索操作。

onLink(item){
  const {deviceId} = item;
  console.log("连接蓝牙---------------" + deviceId);
  //连接低功耗蓝牙设备。
  uni.createBLEConnection({
    deviceId: deviceId,complete(res) {
      if (res.errMsg != "createBLEConnection:ok") return
      //连接设备时,需断开本机连接设备
      uni.closeBLEConnection({
        deviceId
      })
      that.connId = deviceId;
      that.currDev = item
      setTimeout(()=> {
        //获取蓝牙设备所有服务(service)
        that.getBLEServices(deviceId)
      },2000)
    }
    //连接成功 关闭搜索
    uni.stopBluetoothDevicesDiscovery()
    })
}
getBLEServices(deviceId) {
  uni.getBLEDeviceServices({
    // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
    deviceId: deviceId,complete(res) {
      const {services} = res;
      services.forEach(item=>{
        const {uuid} = item;
        uni.getBLEDeviceCharacteristics({
          // 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
          deviceId: deviceId,// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
          serviceId: uuid,success(res) {
                const {characteristics} = res;
            for(let block of characteristics){
              if(!block.properties.write)return
              for (let index in that.devices) {
                if (that.devices[index].deviceId == deviceId) {
                  that.devices[index].services.push({
                    serviceId: uuid,characteristicId: block.uuid,})
                  break
                }
              }
            }
            uni.setStorage({
              key: 'currDev',data: that.devices,});
          }
        })
      })
    }
  })
} 

打印

打印格式需要自己根据当前设备的格式来进行设置打印。本章用到的是tsc.js中的form格式。

onPrint(){
  if(this.currDev.length == 0){
    uni.showToast({
      title: '请先连接蓝牙打印机',duration: 2000
    });
    return
  }
  //标签模式
  const {deviceId} = this.currDev;
  const {serviceId,characteristicId} = this.currDev.services[0];
  var command = tsc.jpPrinter.createNew();
  //DaYin这个字段存放我们需要打印的数据
  let DaYin = JSON.parse(JSON.stringify(this.rowsList));
  let Customer = JSON.stringify(this.Customer);
  //打印格式需要根据打印机的特定格式来。在tsc文件中修改格式。
  DaYin.forEach(e=>{
    command.form(e.ReceSheetNo,`客    户:${Customer}`,`匹    数:${e.Rolls}`,`坯布品名:${e.GrayID}`,`进仓编号:${e.LotNo}`,`坯布类型:${e.GrayTypeName}`)
    command.setPagePrint()
  })
  //转码处理
  this.senBlData(deviceId,serviceId,characteristicId,command.getData())
}
senBlData(deviceId,uint8Array) {
  let uint8Buf = Array.from(uint8Array);
  function split_array(datas,size){
    let result = {};
    let j = 0
    for (var i = 0; i < datas.length; i += size) {
      result[j] = datas.slice(i,i + size)
      j++
    }
    return result
  }
  let sendloop = split_array(uint8Buf,20);
  function realWriteData(sendloop,i) {
    let data = sendloop[i]
    if(typeof(data) == "undefined"){
      return
    }
    let buffer = new ArrayBuffer(data.length)
    let dataView = new DataView(buffer)
    uni.writeBLECharacteristicValue({
      deviceId,value: buffer,success(res) {
        realWriteData(sendloop,i + 1);
      }
    })
  }
  let i = 0;
  realWriteData(sendloop,i);
},

form条码格式

// 条形码和文字合成打印
jpPrinter.form = function (content,text1,text2,text3,text4) {
  data = header + "LEFT" + "\r\n" + "GAR-SENSE" + "\r\n" + barcodeText +
    "BARCODE " + 128 + " " + 1 + " " + 1 + " " + 125 + " " + 125 + " " + 0 + " " + 
    content + "\r\n" + 
        "TEXT " + " " + 12 + " " + 0 + " " + 125 + " " + 180 + " " + text1 + "\r\n" + 
        "TEXT " + " " + 12 + " " + 2 + " " + 125 + " " + 210 + " " + text2 + "\r\n" + 
        "TEXT " + " " + 12 + " " + 2 + " " + 125 + " " + 240 + " " + text3 + "\r\n" + 
        "TEXT " + " " + 12 + " " + 2 + " " + 125 + " " + 270 + " " + text4 + "\r\n" + 
        "FORM" + "\r\n" ; 
        jpPrinter.addCommand(data)
};

转载于:https://blog.csdn.net/zhanleibo/article/details/103035645

总结


以上是前端之家为你收集整理的uni-app开发经验分享十五: uni-app 蓝牙打印功能全部内容,希望文章能够帮你解决uni-app开发经验分享十五: uni-app 蓝牙打印功能所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。