Integración de Paypal con Xamarin Forms

Published in

Xamarin Latino

3 min readJun 6, 2019

Los pagos incorporados dentro de las aplicaciones móviles hoy en día son muy importantes, es por eso que en este post vamos a ver como integrar el servicio de pagos de PayPal con nuestro desarrollo de Xamarin.

Para utilizar PayPal lo primero que debemos hacer es crear una cuenta, para ello la puedes crear aquí.

Una vez que hayas creado la cuenta deberás ir al Portal de Desarrolladores de PayPal.

En la sección de Aplicaciones REST API encontraras un botón que dice Crear Aplicación, da click en el y llena la información correspondiente. Justo después de esto podrás ver en la sección de Aplicaciones API el nombre que pusiste anteriormente. Da click en este nombre y copia el ID de Cliente, esta llave la usaremos mas tarde para probar que el servicio se ejecute correctamente así que toma nota de ella.

En cuanto a la aplicación para integrar el servicio pueden hacer una solución nueva o descargar mi proyecto con el que he estado trabajando en mi blog en ingles llamado ShellDemo, para efectos prácticos usare el proyecto ya creado, si no lo tienes puedes descargarlo desde aquí.

Empecemos a codificar !!!

Una vez abierta la solución, iremos a la opción de Administrar paquetes de NuGet para la Solución, buscamos el paquete llamado PayPal.Forms e instalamos la ultima versión, en mi caso usare la 2.18.3.

Después de esto nos vamos al proyecto de Android (ShellDemo.Android) y abrimos el archivo MainActivity.cs, justo debajo del método LoadApplication(new App());, agrega por favor las siguientes líneas de código:

NOTA IMPORTANTE Cambia el parámetro de la configuración del servicio PayPal “YOUR-API-KEY” por la llave de tu servicio que has creado anteriormente.

Una vez configurado el servicio deberás agregar estos métodos después de este método OnCreate():

El servicio de PayPal ya se ha configurado correctamente, ahora ve al proyecto portable (ShellDemo) y agrega un nuevo item de tipo Content Page dentro de la carpeta de Views con el nombre de PayPalPage.

Reemplaza todo el contenido del archivo PayPalPage.xaml por lo siguiente:

Abre el archivo PayPalPage.xaml.cs y reemplaza todo el contenido por lo siguiente:

Has finalizado, ahora resta ir al archivo AppShell.xaml y localiza las siguientes líneas de código:

Justo debajo de esas líneas de código agrega lo siguiente:

Finalmente ve al proyecto de Android (ShellDemo.Android), y en sus propiedades habilita la opción de MultiDex, limpia y reconstruye la aplicación.

He comentado el método OpenLoadingPopUpPage del archivo AppShell.xaml.cs

Muy bien, falta probar nuestra aplicación.