Xamarin.Forms: Add Credit/Debit Card Reader to you App with PayPal.Forms


Xamarin.Forms: Add Credit/Debit Card Reader to you App with PayPal.Forms





Hello today I'll show how easily is to add a card scanner into your Xamarin.Forms(Android, iOS) app with only a few lines of code using the PayPal.Forms Library.

First at all we need to add PayPal.Forms to all of your projects(Android, iOS and PCL-Forms) by searching for "PayPal.Forms" in nuget packages manager or running next command on a nuget packages console "Install-Package PayPal.Forms"




Second on our Android app we need to add a few lines of code for permissions and features inside our "AndroidManifest.xml"



VERY IMPORTANT FOR IOS 10 IF YOU WANT TO USE THE CAMERA FEATURES

Add "NSCameraUsageDescription" into you Info.plist file.
<key>NSCameraUsageDescription</key>
<string>We will use your camera to scan the credit card</string>

After this now we're able to configure PayPal.Forms init calls inside our MainActivity.cs(Android) and AppDelegate.cs(iOS)

Call just CrossPayPalManager.Init(); just after call Forms.Init ();

***NOTE: if you plan to use only card scanner you can use init PayPal Config as follow***


If the configuration is getting fine now we can use the scan method CrossPayPalManager.Current.ScanCard();


Optional Parameter:

- CardIOLogo
-- PayPal: Display PayPal Logo in the Scanner Page
-- CardIO: Display CardIO Logo in the Scanner Page
-- None: Hide Brand Logo in the Scanner Page

Result Data:

-ScanCardResult
-- Status (Successful, Cancelled, Error)
-- Card:
--- Scaned: Returns true if card was scanned or false if the card was input by hand by user
--- RedactedCardNumber: Give you the card number with next format **** **** **** 1234.
--- PostalCode: Give you the card postal code(if is requerid).
--- ExpiryYear: Give you the card expiry year.
--- ExpiryMonth: Give you the card expiry month.
--- Cvv: Give you the card cvv.
--- CardType (Unrecognized, Ambiguous, Amex, Jcb, Visa, Mastercard, Discover)
--- CardNumber: Give you the card number.
--- CardImage: Forms ImageSource with Scanned Card Image.

Hope that this can help you to create and awesome Forms app now i invite you to play with it and also remember that this lib also can help you to implement PayPal Mobile SDK Frameworks for more information and examples take a look to my PayPal.Forms repository on Github:

https://github.com/AlejandroRuiz/PayPal.Forms

In the future we will continue with this post series to allow you monetize your Xamarin.Forms easily Happy Code Devs

Comments

Post a Comment

Popular posts from this blog

ASP.NET Core Identity with Cosmos DB (MongoDB) Part2: ASP.NET Core Code

Image
Hello and welcome back to this tutorial if you remember in the part 1: " ASP.NET Core Identity with Cosmos DB (MongoDB) Part1: Database Configuration " we configured our database services local and remote to store our identity service now in this part we will configure a simple Identity service with 3 endpoints. Register Login Retrieve User Data ASP.NET Core ASP.NET Core is the evolution of Microsoft ASP.NET framework as a key feature is that it runs under the .NET Core which is  cross-platform, high-performance & open source development platform that mixed with ASP.NET Core allow developers to build cloud modern applications. In this tutorial we will use the latests stable ASP.NET Core 2.1 using Visual Studio for Mac  you can either use Visual Studio for Mac , Visual Studio for Windows , Visual Studio Code or compile the project using console . Lets start creating a new ASP.NET Core Web Api following next steps: Select .NET Core 2.1 as target framework Set a project na...
Read more

Mes Xamarin: Enamorate de Xamarin.Forms Shell

Image
Como parte de la celebración del  Mes Xamarin  quiero compartir con ustedes uno de las funciones que amaras del preview de Xamarin.Forms 4, sin importar si estas iniciando en el desarrollo móvil o tienes años de experiencia estoy seguro que esta actualización te hará muy feliz. En las pasadas semanas una nueva version preview de Xamarin.Forms fue lanza la cual incluye muchos cambios y mejoras, y enseguida les mostrare una de esas nuevas funciones que sin duda hara que se enamoren de Xamari.Forms. Xamarin.Forms Shell Xamarin.Forms Shell es la nueva sencilla forma de crear y arquitecturar tus aplicaciones Xamarin.Forms permitiéndote enfocarte en la parte principal de tu aplicación y dejando al framework para que maneje cuestiones comunes por ti. Shell provee de un solo lugar en el cual puedes definir la estructura visual de tu aplicación, una navegación de usar común y un servicio de navegación que soporta deep linking. Nueva estructura de Xamarin.Forms Shell: Xamarin.Forms Shel...
Read more

Xamarin Month: Fall in Love with Xamarin.Forms Shell

Image
As part of the Xamarin Month celebration I want to share with you one of the features that you'll love about Xamarin.Forms 4 preview, no matter if you are starting with mobile development using Xamarin or you have experience working with it, this update will make you happy. In the past weeks a new preview version of Xamarin.Forms was released which includes a lot of major updates changes for the Xamarin.Forms stack, and next I'll show you one of the new features that you'll help you to fall in love with Forms. Xamarin.Forms Shell Xamarin.Forms Shell is a brand new way to easily create and architect Xamarin Forms apps allowing you to focus on your app code workload. Shell provides you a single place to configure your app visual structure, a common navigation user interface & a navigation service with deep linking support. Shell structure: Xamarin.Forms shell provides you 3 view levels Navigation flyout menu, bottom tab bars and top tab bars. Adding Forms Shell into your...
Read more