uniApp 插件 Fvv-UniSerialPort 使用实例

接上一篇 uniApp 对接安卓平板刷卡器, 读取串口数据 , 本文将详细介绍如何使用插件读取到串口数据

原理

通过uniApp 插件读取设备串口数据, 解析后供业务使用;

步骤

  1. 创建uniApp 项目;
  2. 添加插件 安卓串口通信 Fvv-UniSerialPort 安卓串口通信 Fvv-UniSerialPort - DCloud 插件市场uniApp 插件 Fvv-UniSerialPort 使用实例_第1张图片
  3. manifest.json 中找到App原生插件配置, 选中上面的插件uniApp 插件 Fvv-UniSerialPort 使用实例_第2张图片
  4. 添加测试代码   
    
    
    
    
    // 下面是几个常用的数据转换方法, 视业务情况而定
    hex2int(hex) {
        var len = hex.length,
            a = new Array(len),
            code;
        for (var i = 0; i < len; i++) {
            code = hex.charCodeAt(i);
            if (48 <= code && code < 58) {
                code -= 48;
            } else {
                code = (code & 0xdf) - 65 + 10;
            }
            a[i] = code;
        }
    
        return a.reduce(function(acc, c) {
            acc = 16 * acc + c;
            return acc;
        }, 0);
    },
    reverseHex(hex) {
        var result = '';
        for (var i = hex.length - 2; i >= 0; i -= 2) {
            result += hex.substring(i, i + 2);
        }
        return result;
    },
    test(receive) {
        var reversedData = "";
        for (var i = receive.length - 1; i >= 0; i--) {
            var v = receive[i] & 0xFF;
            var hv = v.toString(16);
            if (hv.length < 2) {
                reversedData += '0';
            }
            reversedData += hv;
        }
        if (reversedData !== "") {
            try {
                var bigint = BigInt("0x" + reversedData);
                console.log('转换后的值', bigint.toString())
            } catch (e) {
                console.error(e);
            }
        } else {
            console.log("card string buffer is empty");
        }
    },

  5. 制作自定义基座uniApp 插件 Fvv-UniSerialPort 使用实例_第3张图片
  6. 如果项目没有配置本地打包环境和证书可以直接选择 公共测试证书, 去掉广告相关选项uniApp 插件 Fvv-UniSerialPort 使用实例_第4张图片
  7. 运行时选自定义基座uniApp 插件 Fvv-UniSerialPort 使用实例_第5张图片
  8. 刷卡测试
  9. 打包直接采用云打包即可uniApp 插件 Fvv-UniSerialPort 使用实例_第6张图片uniApp 插件 Fvv-UniSerialPort 使用实例_第7张图片uniApp 插件 Fvv-UniSerialPort 使用实例_第8张图片

 

 

 

 

 

 

 

 

你可能感兴趣的:(uni-app)