2022-05-16 uniapp 开发pda扫描

前言

我们知道PDA(优博讯)设置模块-输出方式 有键盘方式输出 和广播输出
①.键盘方式输出,直接调用uniapp的文本框回车能拿到扫描的值
②.广播输出需开发些额外代码,需获取【广播动作】A和【广播数据标签】B。以下讲解用A与B指代了

问题点:PDA是基恩士牌子(PDA设置模块-广播方式输出),从浏览器测试是OK的。安装apk后需扫2次才获取到值。解决方案:采用广播方式输出

先贴2张图,这里是优博讯的扫描设置


1670815827937_44FDFCB3-D39A-4d29-BAE9-F4BB776F2FAF.png
1670815866773_D11B2059-8DFF-492e-AE98-975203F71976.png

1、定义扫描工具类scanCode.js

let main;
let filter;
let receiver;
let tag = false;
/**
 * 开始广播监听扫码
 */
const start = () => {
  /* #ifdef APP-PLUS */
  main.registerReceiver(receiver, filter);
  /* #endif */
}


/**
 * 停止广播监听扫码
 * that:传this;
 */
const stop = () => {
  /* #ifdef APP-PLUS */
  main.unregisterReceiver(receiver);
  /* #endif */
}


/**  剩余下个变量已经做了全局变量
 *
 * 定义广播
 * that:传this;
 */
const init = (onReceive) => {
  /* #ifdef APP-PLUS */
  //获取activity
  main = plus.android.runtimeMainActivity();
  const IntentFilter = plus.android.importClass('android.content.IntentFilter');
  filter = new IntentFilter();
  // 扫描设置的广播名称A(上面指代了)
  filter.addAction("android.intent.ACTION_DECODE_DATA");
  receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {
    onReceive: function(context, intent) {
      plus.android.importClass(intent);
      // 扫描设置的标签名称B(上面指代了)
      const code = intent.getStringExtra("barcode_string");
      if (tag) return;
      tag = true;
      setTimeout(function() {
        tag = false;
      }, 150);
      //到这里扫描成功了,可以调用自己的业务逻辑,code就是扫描的结果    return出code进行业务处理
      onReceive && onReceive(code);
    }
  });
  /* #endif */

}

export const broadcastScan = {
  init,
  start,
  stop,
};


2.挂在vue原型链上 ,在main.js

import {broadcastScan} from '@/common/scanCode'
Vue.prototype.$broadcastScan=broadcastScan

3.调用函数获取扫描的值

 onLoad(option){
    this.$broadcastScan.init(this.getScancode);
  },
  onUnload() {
    this.$broadcastScan.stop();
  },
  onHide() {
    this.$broadcastScan.stop();
  },
  onShow() {
    this.$broadcastScan.start();
  },
 methods:{
    getScancode(code){
      // 有些PDA会自带换行符,trim函数处理下
      code=code.trim()
      //code就是扫描获取的值
       console.log(code)
    },
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 这段时间,公司一直在挑用不同的pda,于是各种扫描调用学习起来,之前,用的优博讯的pda并没有提供相关开发文...
    奔跑的佩恩阅读 4,549评论 0 1
  • 我们先打开PDA手机设置->扫描->Default->关闭(键盘方式输出) 才能使用广播监听。 在你的uni-ap...
    南苑bert阅读 4,215评论 4 6
  • 1. 原理 说明:项目中使用的是标准的扫码枪,标准的意思就是它都不给开发文档。走的标准“输入事件”,和外接键盘是一...
    瑟闻风倾阅读 17,347评论 10 11
  • 前言 在android开发过程中,我们经常会涉及到扫描的问题,但是对于一些要求度比较高的情景的话,手机自带的摄像头...
    奔跑的佩恩阅读 4,357评论 0 0
  • 前言 在很多的业务场景中会涉及到二维码扫描的问题,而pda专注于扫描的移动设备,不同的pda品牌会有不同的扫描调用...
    奔跑的佩恩阅读 2,204评论 3 1