ionic使用CardIO实现扫描银行卡功能（只能扫描16位以下，并且是浮雕数字）

JasonZhang 发布于2019-08-26 11:42 / 1420人阅读

摘要：在一些涉及支付功能的，一般需要绑定银行卡，除了靠用户手动输入银行卡号，用手机扫描银行卡也是一种常用的手段，查阅了写资料，发现有插件可以实现这个功能，就兴致冲冲去尝试，结果有些失望。如有大家有什么解决办法，欢迎交流参考文章使用报错

在一些涉及支付功能的app，一般需要绑定银行卡，除了靠用户手动输入银行卡号，用手机扫描银行卡也是一种常用的手段，查阅了写资料，发现ionic有CardIO插件可以实现这个功能，就兴致冲冲去尝试，结果有些失望。
下面介绍一下如何在ionic中使用CardIO实现扫描银行卡功能
相关CardIO插件的ngCordova说明

1、在入口文件main.js 中

const app = angular.module("app", ["ionic", "ngCordova", "ngAnimate", "ngCordova.plugins.cardIO"]);

app.config(function ($ionicConfigProvider,  $cordovaNgCardIOProvider) {
  "use strict";


  $cordovaNgCardIOProvider.setScanerConfig( // 配置显示的参数
    {
      "expiry": false,
      "cvv": false,
      "zip": false,
      "suppressManual": false,
      "suppressConfirm": false,
      "hideLogo": true
    }
  );

  $cordovaNgCardIOProvider.setCardIOResponseFields( // 配置返回的参数
    [
      "card_type",
      "redacted_card_number",
      "card_number",
      "expiry_month",
      "expiry_year",
      "short_expiry_year",
      "cvv",
      "zip"
    ]
  );
});

2、在controller文件中使用

angular.module("app").controller("mineCtrl", ["$scope", "$cordovaNgCardIO",
  function ($scope $cordovaNgCardIO) {
    "use strict";
    
     $scope.scanBankcard = () => {
      $cordovaNgCardIO.scanCard()
        .then(function (response) { // 扫描成功
          //Success response - it`s an object with card data
          console.log("Success response");
          console.log(response);
        },
        function (response) { // 取消扫描
          //We will go there only when user cancel a scanning.
          //response always null
          console.log("when cancel scanning");
          console.log(response);
        });
    };   
      
 }]);

3、在html中

尝试了以后效果不是很理想，CardIO插件只能扫描16位以下，并且是浮雕数字的银行卡，无法满足设计需求，只能暂时放弃。如有大家有什么解决办法，欢迎交流

参考文章：
ionic使用cardio报错

GPU云服务器云服务器 js 二维码扫描功能批量扫描扫描窗口扫描结果

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107385.html

ionic使用CardIO实现扫描银行卡功能（只能扫描16位以下，并且是浮雕数字）

摘要：在一些涉及支付功能的，一般需要绑定银行卡，除了靠用户手动输入银行卡号，用手机扫描银行卡也是一种常用的手段，查阅了写资料，发现有插件可以实现这个功能，就兴致冲冲去尝试，结果有些失望。如有大家有什么解决办法，欢迎交流参考文章使用报错在一些涉及支付功能的app，一般需要绑定银行卡，除了靠用户手动输入银行卡号，用手机扫描银行卡也是一种常用的手段，查阅了写资料，发现ionic有CardIO插件...

legendmohe 2019-08-01 18:35 评论0 收藏0
《阿里聚安全2016年报》

摘要：每天新增近个新移动病毒样本，每秒生成个阿里聚安全移动病毒样本库年新增病毒样本达个，平均每天新增个样本，这相当于每秒生成一个病毒样本。阿里聚安全的人机识别系统，接口调用是亿级别，而误识别的数量只有个位数。《阿里聚安全2016年报》发布，本报告重点聚焦在2016年阿里聚安全所关注的移动安全及数据风控上呈现出来的安全风险，在移动安全方面重点分析了病毒、仿冒、漏洞三部分，帮助用户了解业务安全...

2json 2019-06-21 16:34 评论0 收藏0