资讯专栏INFORMATION COLUMN

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

legendmohe / 3490人阅读

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

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

1、在入口文件main.js 中

</>复制代码

  1. const app = angular.module("app", ["ionic", "ngCordova", "ngAnimate", "ngCordova.plugins.cardIO"]);
  2. app.config(function ($ionicConfigProvider, $cordovaNgCardIOProvider) {
  3. "use strict";
  4. $cordovaNgCardIOProvider.setScanerConfig( // 配置显示的参数
  5. {
  6. "expiry": false,
  7. "cvv": false,
  8. "zip": false,
  9. "suppressManual": false,
  10. "suppressConfirm": false,
  11. "hideLogo": true
  12. }
  13. );
  14. $cordovaNgCardIOProvider.setCardIOResponseFields( // 配置返回的参数
  15. [
  16. "card_type",
  17. "redacted_card_number",
  18. "card_number",
  19. "expiry_month",
  20. "expiry_year",
  21. "short_expiry_year",
  22. "cvv",
  23. "zip"
  24. ]
  25. );
  26. });

2、在controller文件中使用

</>复制代码

  1. angular.module("app").controller("mineCtrl", ["$scope", "$cordovaNgCardIO",
  2. function ($scope $cordovaNgCardIO) {
  3. "use strict";
  4. $scope.scanBankcard = () => {
  5. $cordovaNgCardIO.scanCard()
  6. .then(function (response) { // 扫描成功
  7. //Success response - it`s an object with card data
  8. console.log("Success response");
  9. console.log(response);
  10. },
  11. function (response) { // 取消扫描
  12. //We will go there only when user cancel a scanning.
  13. //response always null
  14. console.log("when cancel scanning");
  15. console.log(response);
  16. });
  17. };
  18. }]);

3、在html中

</>复制代码

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

参考文章:
ionic使用cardio报错

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

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

相关文章

  • ionic使用CardIO实现扫描行卡功能只能扫描16以下并且浮雕数字

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

    JasonZhang 评论0 收藏0
  • 《阿里聚安全2016年报》

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

    2json 评论0 收藏0

发表评论

0条评论

legendmohe

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<