apicloud 不干胶标签打印模块及开发

╰+哭是因爲堅強的太久メ 2021-07-26 00:40 365阅读 0赞

## 不干胶标签纸的打印 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]

近期在用apicloud开发app时，遇到了一个功能：就是用app打印标签纸；  
标签纸的要求 58X40，不干胶，可打印条形码及文字，后面还需要支持二维码的打印。

从网上找了很多家，终于找到一家设备可以支持打印，而且已有apicloud的打印模块。

非常完美！

具体实现方式如下：

## 添加apicloud自定义模块（打印/扫描） ##

其实只需要打印即可，扫描目前没有用到。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]

## 打印模块的使用 ##

#### 变量的引入及定义 ####

var modulePrintlc = null;
    var flag,flag2,goNext,total,printTimes;

由于我这边打印有特殊需求：

1.  一次打印两种不同的标签，如文章开头的图片
2.  打印机在打印一次后就会执行打印回调，所以无论是第一个标签还是第二个标签，都要进行回调，然后再确定是否进行下一个标签的打印，所以需要flag和flag2两个变量来判断是要打印标签1还是标签2.
3.  goNext是一个变量，用于判断是否监测黑标开关。黑标开关是为了监测标签的定位的，这个决定了标签内容的打印位置，很重要
4.  total printTimes :如果要打印多次，则需要指定打印的次数，以及当前打印了多少次

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]

#### apiready中模块的定义及打印回调 ####

apiready = function() { 
       flag = false; //默认为false，
       flag2 = false;//默认为false，
       printTimes = 0;
       goNext = true;//是否开启黑标定位，如果开启，则标签纸会走纸到下一个黑标开关处，用于标签纸位置不正确的时候
       modulePrintlc =  api.require('modulePrintlc');//require引入添加的模块
       modulePrintlc.initPrint({ encode:'GB2312'}); // 打印初始化，进入页面时调用
       //注册打印机状态回调监听
       api.addEventListener({ 
           name:'getListenerState'
       }, function(ret){ 
           var data = ret.value;
           console.log('state = '+ data.state); // 0：打印成功 1：缺纸 2：打印失败 3：打印纸将尽
           //无论是缺纸还是打印失败还是打印纸将尽，都暂停打印，也就是flag和flag2置为true，goNext为true
           if(data.state==1){ 
               flag = true;
               flag2 = true;
               api.confirm({ 
                   title: '打印机缺纸',
                   msg: '请放入标签纸后继续打印',
                   buttons: ['确定']
               }, function(ret, err) { 
                   var index = ret.buttonIndex;
                   if(index==1){ 
                       flag = false;
                       flag2 = false;
                       goNext = true;
                   }
               });
           }else if(data.state==2){ 
               flag = true;
               flag2 = true;
               api.confirm({ 
                   title: '打印机失败',
                   msg: '请尝试重新打印',
                   buttons: ['确定']
               }, function(ret, err) { 
                   var index = ret.buttonIndex;
                   if(index==1){ 
                       flag = false;
                       flag2 = false;
                       goNext = true;
                   }
               });
           }else if(data.state==3){ 
               flag = true;
               flag2 = true;
               api.confirm({ 
                   title: '打印纸将尽',
                   msg: '是否继续打印？',
                   buttons: ['确定']
               }, function(ret, err) { 
                   var index = ret.buttonIndex;
                   if(index==1){ 
                       flag = false;
                       flag2 = false;
                       goNext = true;
                   }
               });
           }else{ 
               api.toast({ 
                   msg:"打印成功"+flag+","+flag2
               })
               if(printTimes<total){ //打印成功后，打印下一个标签，根据flag的值判断是打印标签1还是标签2
                   if(flag){ 
                       printTwo();//注意这个地方函数的命名
                   }else{ 
                       print();
                   }
               }
           }
           // 打印多个标签需要在获取到打印成功状态在继续打印下一个，防止乱码
       });
    }

上面详细介绍了apiready中的处理方法，这个地方我遇到了一个坑  
变量的命名可以用flag flag2这样的字母+数字的形式，虽然不太好，但是可以识别。  
函数的命名不可以使用print2这样的方式了，标签2的打印函数我命名为print2,结果在打印回调中一直无法识别

**添加了自定义模块的app，只能是修改后编译或者自定义编译才可以使用模块**

因此函数命名的问题，我花了很长时间才弄明白是函数命名的问题。

下面是函数的定义部分：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20210725/f1911038bcd84817a54cd8765da593d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]: /images/20210725/ef2922da32084d89a8f341428a2bbdca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]: /images/20210725/9196ce575ac342fca89872ba5270c263.png