PayPal Checkout es un conjunto de componentes open source para facilitar la integración de pagos por medio de PayPal. En esta sesión aprenderemos como utilizar estos componentes para habilitar pagos desde tu sitio web. Sesión presentada por Lisandro Guevara en SG Next 2017

1. Developer Certification Program

2. Agenda
©2017 PayPal Inc. Confidential and proprietary.
1. Best practice integration
2. Express Checkout Integration
3. Recurring Billing / Recurring Payments
4. Order/Auth/capture
5. IPN / Webhooks
6. PayPal Mobile Integration mEC
7. How to Manage IPR (Instant Payment Review
aka Pending Status)
8. 10486 error
9. Q&A

3. Javascript Promises
©2017 PayPal Inc. Confidential and proprietary.
Promises are a way to asynchronously run code in your application. You can execute a function that returns a promise, so that the rest of the application
continues to execute. When the function gets the data it needs it resolves the promise and your application then runs a block of code now that the data
exists.
What are Promises in JavaScript v4?
How are they used in PayPal products?
Una promesa representa
un valor que puede estar
disponible ahora, en el
futuro, o nunca.

4. Javascript Promises
©2017 PayPal Inc. Confidential and proprietary.
PROMISES - CREATION
Promises are created using the new keyword. It takes one argument that is a function with 2 arguments.
These arguments are normally called resolve and reject. These arguments are actually functions in the promise.
• Resolve is called when the asynchronous work is successfull
• Reject is called when the asynchronous work is unsuccessfull

5. Javascript Promises
©2017 PayPal Inc. Confidential and proprietary.
PROMISES - COMPLETION

6. Javascript Promises
©2017 PayPal Inc. Confidential and proprietary.
PROMISES - DIAGRAM

7. Express checkout con checkout.js (JSv4)
Checkout.js es una nueva forma de integrar PayPal. Ofrece una experiencia de usuario mejorada que permite hacer el pago con PayPal
a través de un popup (incontext).
• Opensourced @ Github
• NPM Package support
• Semver
• Button rendering
• PayPal.com rendering
• Cross Domain Communication (PostRobot)
• Callbacks for events
• Branded Overlay (Lightbox)
• Executing basic AJAX calls
• Promises based
• Unit testing
©2017 PayPal Inc. Confidential and proprietary.
¨

8. Checkout.js
©2016 PayPal Inc. Confidential and proprietary.
Event Callbacks

9. Checkout.js
©2017 PayPal Inc. Confidential and proprietary.
Componentes: Button and Checkout

10. Checkout.js
©2017 PayPal Inc. Confidential and proprietary.
Diagrama del flujo

11. Pasos para integrar Express Checkout
©2017 PayPal Inc. Confidential and proprietary.
Crear cuentas de
Sandbox
Sandbox es el ambiente de pruebas
Abrir cuenta PayPal
Esta cuenta se usará solo para desarrollo.
Obtener credenciales
de API
Consultar documentación de
mobile Express Checkout
Consultar código de
ejemplo (SDK)
paypal.github.io/sdk/#merchant
Desarrollo y pruebas

12. Qué hacer y qué no hacer
• Integra Mobile Express Checkout.
• Lleva a cabo pruebas End to End en Sandbox y
posteriormente en producción.
• Integra métodos de redundancia como IPN (Instant Payment
Notification).
©2017 PayPal Inc. Confidential and proprietary.
Sí
• No integres mSDK (Mobile SDK nativo).
• No integres productos como pago directo con tarjeta de
crédito ni productos que aún no se soportan en México
(PayPal Pro, V.Zero, Braintree, etc.).
• No integres autorización y captura a menos que sea
necesario.
• No salgas a producción hasta no haber seguido las
recomendaciones de PayPal para probar tu aplicación.
• No hagas pruebas por cantidades menores a 20 pesos.
• No hagas demasiadas pruebas en producción.
No

13. ¿Preguntas?

14. ¡Gracias!