摘要:在一些涉及支付功能的,一般需要綁定銀行卡,除了靠用戶手動輸入銀行卡號,用手機掃描銀行卡也是一種常用的手段,查閱了寫資料,發現有插件可以實現這個功能,就興致沖沖去嘗試,結果有些失望。如有大家有什么解決辦法,歡迎交流參考文章使用報錯
在一些涉及支付功能的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報錯
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107385.html
摘要:在一些涉及支付功能的,一般需要綁定銀行卡,除了靠用戶手動輸入銀行卡號,用手機掃描銀行卡也是一種常用的手段,查閱了寫資料,發現有插件可以實現這個功能,就興致沖沖去嘗試,結果有些失望。如有大家有什么解決辦法,歡迎交流參考文章使用報錯 在一些涉及支付功能的app,一般需要綁定銀行卡,除了靠用戶手動輸入銀行卡號,用手機掃描銀行卡也是一種常用的手段,查閱了寫資料,發現ionic有CardIO插件...
摘要:每天新增近個新移動病毒樣本,每秒生成個阿里聚安全移動病毒樣本庫年新增病毒樣本達個,平均每天新增個樣本,這相當于每秒生成一個病毒樣本。阿里聚安全的人機識別系統,接口調用是億級別,而誤識別的數量只有個位數。 《阿里聚安全2016年報》發布,本報告重點聚焦在2016年阿里聚安全所關注的移動安全及數據風控上呈現出來的安全風險,在移動安全方面重點分析了病毒、仿冒、漏洞三部分,幫助用戶了解業務安全...
閱讀 2016·2021-11-12 10:36
閱讀 1865·2021-11-09 09:49
閱讀 2591·2021-11-04 16:12
閱讀 1144·2021-10-09 09:57
閱讀 3235·2019-08-29 17:24
閱讀 1909·2019-08-29 15:12
閱讀 1272·2019-08-29 14:07
閱讀 1285·2019-08-29 12:53