增加读卡插件，优化取缓存处理

2021/nm-zsyt/ipu/android-webview.js

@@ -2,16 +2,102 @@
(function () {
  // 依赖IPU框架js：需要先引入ipu-mobile.js
  // 全局缓存的key
  var cacheDeviceTypeKey = 'cardreader_type';
  var cacheConnectTypeKey = 'cardreader_connection';
  // 身份证设备连接配置缓存key
  var cardDeviceTypeKey = 'cardreader_type';  // 身份证读取设备类型缓存key
  var cardConnectTypeKey = 'cardreader_type'; // 身份证读取设备连接方式缓存key
  // 全局缓存数据
  var cacheDeviceType = null;
  var cacheConnectType = null;
  // SIM设备连接配置缓存key
  var simDeviceTypeKey = 'simreader_type';     // sim读取设备类型缓存key
  var simConnectTypeKey = 'simreader_connection';  // sim读取设备连接类型缓存key
  var simBtAddress = 'simreader_btn_address';      // sim读取蓝牙设备地址缓存key
  window.AndroidWebView = {
    /**
     * 设置读卡器类型
     * @param {string} type 读卡器类型，SR/SYD/ZYZX分别代表森锐/三元达/中移在线
     */
    setCardReaderType: function (type) {
      IpuMobile.setOfflineCache(cardDeviceTypeKey, type);
    },
    /**
     * 设置读卡器连接方式
     * @param {string} connection 连接方式 bt\otg\nfc
     */
    setCardReaderConnection: function (connection) {
      IpuMobile.setOfflineCache(cardConnectTypeKey, connection);
    },
    /**
     * 设置sim读卡器设备类型
     * @param {string} deviceType 设备类型
     */
    setSIMReaderDeviceType: function (deviceType) {
      IpuMobile.setOfflineCache(simDeviceTypeKey, deviceType);
    },
    /**
     * 设置sim读卡器连接方式
     * @param {string} connectType 设备连接方式
     */
    setSimReaderConnection: function (connectType) {
      IpuMobile.setOfflineCache(simConnectTypeKey, connectType);
    },
    /**
     * 设置sim读卡器蓝牙地址，可通过 AndroidWebView.btDeviceList()获取
     * @param {string} btnAddress 蓝牙设备地址
     */
    setSimReaderBtnAddress: function (btnAddress) {
      IpuMobile.setOfflineCache(simBtAddress, btnAddress);
    },
    /**
     * 读取身份证读卡器设备连接配置，蓝牙参数在设备驱动中配置不用传参
     *
     * @param {function} callback 回调函数
     * @param {string} callback.deviceType 设备类型
     * @param {string} callback.connectType 连接类型
     */
    getCardReaderConfig: function (callback) {
      IpuMobile.getOfflineCache(function (cacheResult) {  // deviceType, connectType存储在缓存，不直接通过调用传递参数
        cacheResult = JSON.parse(cacheResult);
        var deviceType = cacheResult[cardDeviceTypeKey];
        var connectType = cacheResult[cardConnectTypeKey];
        callback(deviceType, connectType);
      }, [cardDeviceTypeKey, cardConnectTypeKey]);
    },
    /**
     * 读取SIm蓝牙设备连接配置
     *
     * @param {function} callback 回调函数
     * @param {string} callback.deviceType 设备类型
     * @param {string} callback.connectType 连接类型
     * @param {string} callback.btnAddress 设备蓝牙地址
     */
    getSimReaderConfig: function (callback) {
      // 如需使用js内存缓存，可修改此方法，不用每次读取App缓存
      IpuMobile.getOfflineCache(function (cacheResult) {  // deviceType, connectType存储在缓存，不直接通过调用传递参数
        cacheResult = JSON.parse(cacheResult);
        var deviceType = cacheResult[simDeviceTypeKey];
        var connectType = cacheResult[simConnectTypeKey];
        var btnAddress = cacheResult[simBtAddress];
        callback(deviceType, connectType, btnAddress);
      }, [simDeviceTypeKey, simConnectTypeKey, simBtAddress]);
    },
    /**
     * 获取蓝牙设备地址
     *
     * @param {function} callback 获取蓝牙回调函数
     * @param {string} callback.result 蓝牙设备地址信息
     */
    btDeviceList: function (callback) {
      IpuMobile.btDeviceList(callback);
    },
    /**
     * 获取客户端版本信息
     *
     * @param {function} callback 回调函数
@@ -72,7 +158,7 @@
     */
    getLocation: function (callback) {  //
      IpuMobile.location(function (result) {
        result = JSON.parse(result)
        result = JSON.parse(result);
        var info = {
          address: result.Address,
          lon: result.Longitude,
@@ -109,22 +195,6 @@
    },
    /**
     * 设置读卡器类型
     * @param {string} type 读卡器类型，SR/SYD/ZYZX分别代表森锐/三元达/中移在线
     */
    setCardReaderType: function (type) {
      IpuMobile.setOfflineCache(cacheDeviceTypeKey, type);
    },
    /**
     * 设置读卡器连接方式
     * @param {string} connection 连接方式 bt\otg\nfc
     */
    setCardReaderConnection: function (connection) {
      IpuMobile.setOfflineCache(cacheConnectTypeKey, connection);
    },
    /**
     * 拍照上传身份证？
     * 回调方法 getCardAndUpResultList(result)？，参数参考 https://docs.qq.com/sheet/DQXl1Q2JDYW53SHBr?tab=BB08J2
     *
@@ -134,7 +204,7 @@
     * @param {string} timeStamp 时间戳
     */
    getCardAndUp: function (callbackKey, isTakePicture, opId, timeStamp) {
      function doFun() {
      this.getCardReaderConfig(function (deviceType, connectType) {
        IpuMobile.getCardAndUp(function (result) { // IPU插件不直接返回json对象，只返回json字符串
          result = JSON.parse(result);
          if (result.code && !result.errorCode) { // 客户端返回的字段是code，项目使用字段是errorCode
@@ -142,20 +212,8 @@
          }
          result.CallBackMethod = callbackKey;
          window.getCardAndUpResultList && window.getCardAndUpResultList(result);
        }, cacheDeviceType, cacheConnectType, isTakePicture, opId, timeStamp);
      }
      // 注释代码后，每次deviceType， connectType都重新从缓存获取，不在内存中缓存
      // if (!cacheDeviceType) { // 有缓存数据
      IpuMobile.getOfflineCache(function (cacheResult) {  // deviceType, connectType存储在缓存，不直接通过调用传递参数
        cacheResult = JSON.parse(cacheResult);
        cacheDeviceType = cacheResult[cacheDeviceTypeKey];
        cacheConnectType = cacheResult[cacheConnectTypeKey];
        doFun()
      }, [cacheDeviceTypeKey, cacheConnectTypeKey]);
      // } else {
      //   doFun();
      // }
        }, deviceType, connectType, isTakePicture, opId, timeStamp);
      });
    },
    /**
@@ -192,8 +250,9 @@
        window.getAizhiResult && window.getAizhiResult(result);
      });
    },
    /**
     * 读卡
     * 读卡(好像变动了)
     * 回调方法 getCardInfoResult，参数参考 https://docs.qq.com/sheet/DQXl1Q2JDYW53SHBr?tab=BB08J2
     *
     */
@@ -210,7 +269,44 @@
     */
    openFile: function (path, sid) {
    },
    /**
     * 读取SIM卡空卡序列号
     *
     * @param {function} callback 回调函数
     * @param {string} callback.result 空卡序列号
     */
    getCardSN: function (callback) {
      this.getSimReaderConfig(function (deviceType, connectType, btnAddress) {
        IpuMobile.getCardSN(callback, deviceType, connectType, {btnAddress: btnAddress});
      });
    },
    /**
     * 读取SIM卡ICCID信息
     *
     * @param {function} callback 回调函数
     * @param {string} callback.result ICCID信息
     */
    getICCID: function (callback) {
      this.getSimReaderConfig(function (deviceType, connectType, btnAddress) {
        IpuMobile.getICCID(callback, deviceType, connectType, {btnAddress: btnAddress});
      });
    },
    /**
     * 读取SIM卡IMSI信息
     *
     * @param {function} callback 回调函数
     * @param {string} callback.result IMSI信息
     */
    getIMSI: function (callback) {
      this.getSimReaderConfig(function (deviceType, connectType, btnAddress) {
        IpuMobile.getIMSI(callback, deviceType, connectType, {btnAddress: btnAddress});
      });
    }
  };
})();

2021/nm-zsyt/ipu/ipu-mobile.js

@@ -232,7 +232,8 @@
      /**
       * 获取蓝牙设备地址
       *
       * @param callback
       * @param {function} callback 获取蓝牙回调函数
       * @param {string} callback.result 蓝牙设备地址信息
       */
      btDeviceList: function (callback) {
        storageCallback("btDeviceList", callback);
@@ -261,8 +262,52 @@
       * @param {function} callback 回调函数
       */
      upAizhiInfo: function (jsonStr, callback) {
        if (typeof callback === "function") storageCallback("upAizhiInfo", callback);
        if (typeof callback === "function"){
          storageCallback("upAizhiInfo", callback);
        }
        execute("upAizhiInfo", [jsonStr]);
      },
      /**
       * 读取SIM卡空卡序列号
       *
       * @param {function} callback 回调函数
       * @param {string} callback.result 空卡序列号
       * @param {string} deviceType
       * @param {string} connectType
       * @param {string} extraParams json字符串，其它参数
       */
      getCardSN: function (callback, deviceType, connectType, extraParams) {
        storageCallback("getCardSN", callback);
        execute("getCardSN", [deviceType, connectType, extraParams]);
      },
      /**
       * 读取SIM卡ICCID
       *
       * @param {function} callback 回调函数
       * @param {string} callback.result ICCID
       * @param {string} deviceType
       * @param {string} connectType
       * @param {string} extraParams json字符串，其它参数
       */
      getICCID: function (callback, deviceType, connectType, extraParams) {
        storageCallback("getICCID", callback);
        execute("getICCID", [deviceType, connectType, extraParams]);
      },
      /**
       * 读取SIM卡IMSI
       *
       * @param {function} callback 回调函数
       * @param {string} callback.result IMSI
       * @param {string} deviceType
       * @param {string} connectType
       * @param {string} extraParams json字符串，其它参数
       */
      getIMSI: function (callback, deviceType, connectType, extraParams) {
        storageCallback("getIMSI", callback);
        execute("getIMSI", [deviceType, connectType, extraParams]);
      }
    };
  })();

2021/nm-zsyt/project.html

@@ -93,6 +93,7 @@
        });
      });
      $(".card").click(function () {    // 读身份证
        AndroidWebView.getIdCardInfo('getIdCardInfoBack');
      });
@@ -105,11 +106,28 @@
        AndroidWebView.getCardAndUp('getCardAndUpBack', 1, '111', Date.now() + '');
      });
      $(".aizhi").click(function () {    // AiZhi无纸化订单上传
        AndroidWebView.upAizhiInfo(aizhiStr);
      });
      $(".sim-sn").click(function () {    // 读sim卡序列号
        AndroidWebView.getCardSN(function (result) {
          $(".result").html("sim卡sn：" + JSON.stringify(result));
        });
      });
      $(".sim-iccid").click(function () {    // 读sim卡iccid
        AndroidWebView.getICCID(function (result) {
          $(".result").html("sim卡iccid：" + JSON.stringify(result));
        });
      });
      $(".sim-imsi").click(function () {    // 读sim卡imsi
        AndroidWebView.getIMSI(function (result) {
          $(".result").html("sim卡imsi：" + JSON.stringify(result));
        });
      });
    });
  </script>
</head>
@@ -123,6 +141,10 @@
  <button class="phone isok">拍照</button>
  <button class="phoneupload isok">拍照上传</button>
  <button class="aizhi isok">AiZhi无纸化</button>
  <button class="sim-sn isok">sim卡序列号</button>
  <button class="sim-iccid isok">sim卡ICCID</button>
  <button class="sim-imsi isok">sim卡IMSI</button>
  <br>
  <button class="down">下载</button>
  <button class="sim">SIM卡写卡</button>
  <button class="card-write">携转写卡</button>