Card IO

https://github.com/card-io/card.io-Cordova-Plugin

Stuck on a Cordova issue?

Don't waste precious time on plugin issues.

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.

Installation #

Capacitor
Cordova
Enterprise

$ npm install card.io.cordova.mobilesdk 
$ npm install @ionic-native/card-io 
$ ionic cap sync

Supported Platforms#

Android
iOS

Usage#

React#

Learn more about using Ionic Native components in React

Angular#

This plug-in exposes card.io credit card scanning.

NOTE: If you would like to actually process a credit card charge, you might be interested in the PayPal Cordova Plug-in.

Requires Cordova plugin: card.io.cordova.mobilesdk. For more info, please see the Card IO plugin docs.

Note: For use with iOS 10 + When building your app with the iOS 10 SDK +, you have to add some info to the info.plist file. This is due to increased security in iOS 10. Go to your app directory and search for the <your app name>Info.plist file. Add the following lines in the main <dict> element.

&lt;key>NSCameraUsageDescription&lt;/key>
&lt;string>To scan credit cards.&lt;/string>

import { CardIO } from '@ionic-native/card-io/ngx';

constructor(private cardIO: CardIO) { }

...


this.cardIO.canScan()
  .then(
    (res: boolean) => {
      if(res){
        let options = {
          requireExpiry: true,
          requireCVV: false,
          requirePostalCode: false
        };
        this.cardIO.scan(options);
      }
    }
  );