Integración de PayPal en Aplicaciones Node.js con Express

Contenido del curso

Conocer los conceptos básicos de los pagos en línea

Configuración del proyecto del curso

Aceptar pagos con PayPal

Analizar e interpretar Dashboards

15
Gestión de Transacciones y Transferencias en PayPal Sandbox
04:33 min

Administrar situaciones especiales

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:002:04

Integración de PayPal en Aplicaciones Node.js con Express

Curso de Pagos Online con PayPal

Clase 5 de 18

Clase 5 / 18

Recursos

Domina la estructura de Platzi Store para implementar PayPal de forma rápida en proyectos con Node, Express y SQL Light. Aquí verás qué archivos tocar, qué rutas importan y en qué vistas colocar el SDK de PayPal en el front end para pagos y suscripciones.

¿Cómo está organizada Platzi Store para integrar PayPal?

Es una aplicación creada con Node, Express y SQL Light. Al ser una app de Express, necesita un archivo de entrada: app.js. En este archivo están todas las librerías necesarias y la configuración para correr el servidor.

¿Dónde inicia Express con app.js?

Contiene todas las librerías necesarias.
Define la configuración para correr el servidor en Express.

¿Qué rutas y vistas modificas para pagos y suscripción?

La navegación se organiza con archivos de rutas y vistas EJS. Allí se definen la página principal, la suscripción, el éxito de compra y el detalle del producto. La integración con PayPal impacta directamente estas rutas y vistas.

¿Qué hace cada ruta clave en Express?

index.js: ruta principal con todos los productos y la suscripción.
/subscription: ruta donde se implementará la suscripción a Platzi Store.
/success: redirección tras la compra para ver el detalle de la transacción.
product.js: una ruta para el detalle del producto.

¿Dónde se integra el SDK de PayPal en el front end?

La integración con PayPal será principalmente en el front end, por lo que modificarás archivos en la carpeta views.

share/header.ejs: encabezado compartido de toda la app. Aquí se incrustará el SDK de PayPal cuando esté listo.
views/product.ejs: vista del detalle del producto. Contendrá el contenedor del pago y será el punto principal de la integración.
views/subscription.ejs: vista para suscripciones, distinta a un producto, necesaria para integrar PayPal en este flujo.

¿Qué habilidades y palabras clave refuerzas?

Arquitectura en Express: archivo de entrada app.js, archivos de rutas y vistas EJS.
Rutas de compra: /subscription, /success y detalle de producto.
Integración de SDK: inserción del SDK de PayPal en header.ejs y uso de un contenedor de pago en product.ejs.
Separación de flujos: manejo distinto para producto y suscripción en subscription.ejs.
Configuración del servidor: librerías y arranque del servidor en app.js.

¿Cómo avanzar con cuentas de PayPal para la integración?

Una vez que reconozcas la estructura y ubiques dónde va el SDK de PayPal, el siguiente paso es crear cuentas de PayPal para integrarlas con la tienda en línea. ¿Qué parte del flujo te gustaría profundizar primero? Comparte tus dudas y avances en los comentarios.

Comentarios (8)8 comentarios

Emmanuel Rodríguez

Hace 7 años

SQLite3

Nuestro driver generativo de BD.

Http error

Herramienta generativa de errores de estado http para ExrpessJS.

ExpressJS

Framework para desarrollar aplicaciones web js, del lado del servidor con NodeJS.

Debug

Pequeña herramienta para observar el tracking generado por NodeJS

Cookie parser

Analizador de cadenas de símbolos para los encabezados de nuestras cookies.

EJS

Lenguaje generador de plantillas HTML con JavaScript.

Sequelize

Herramienta de NodeJS para ORM (Object Relational Mapping) de PostgreSQL, MariaDB, SQLite y SQL Server.

Sequelize Command Line Interface, dependencia de desarrollo.

María Jimena Rodríguez Contreras

Hace 5 años

muchas gracias

Jorge Trad

Hace 4 años

Conociendo la estructura de la aplicación

Usamos Node, Express y Sqlite3
app.js contiene las librerias y configuración necesaria para correr nuestra aplicación en express
Para las rutas tenemos index.js y product.js
La integración de Paypal será desde el frontend que se encuentra en la carpeta views
Dentro de views/shared, en el archivo header.ejs tendremos el header que compartirá toda la aplicación. Aquí utilizaremos el SDK de Paypall

views/product.ejs

Aquí será donde trabajaremos la integración con Paypal

views/suscription.ejs

Debido a que una suscripción es diferente para cada producto, debemos crear un archivo diferente para cada uno

Wilson Fernando Antury Torres

Para quienes nos causo curiosidad la extensión .ejs, aquí dejo el recurso: https://ejs.co/

Cristobal Nyram

yo, nunca me esperaba tanto de este curso, pero es una bomba

Israel Castro

Hace 6 años

Jajaja me pasaba lo mismo, cuando salió pensé: ¿Paypal? Ya se usarlo… pero después me quedé así ira 😱😱😱.

Abner Joel Martínez Hernández

¿A alguien mas le crash al installar las dependecias?

Kenneth Angulo L

Si entiendo bien la pregunta, te sale error al ejecutar el npm install ? Si es eso, el problema era por la version de sqlite que npm instala. me funciono forzando la instalacion de la version vieja asi:

npm uninstall sqlite3
npm --force cache clean
sudo npm install sqlite3

por si casao el package json que tengo es este:

	"dependencies": {
		"cookie-parser": "^1.4.4",
		"debug": "~2.6.9",
		"ejs": "~2.6.1",
		"express": "^4.16.4",
		"http-errors": "^1.6.3",
		"morgan": "^1.9.1",
		"sequelize": "^5.21.5",
		"sqlite3": "^5.0.8"
	},
	"devDependencies": {
		"node-pre-gyp": "0.10.2",
		"sequelize-cli": "^5.5.1"
	}

una dependencia llamada node-pre-gyp, tambien la agrege porque el npm indicaba que habia problemas con ella. pero esta no afecta la instalacion que hizo el profesor, el problema era el sqlite.

Rafael Ángel Girón Girón

¿Como se llama el tipo de tipografía que utiliza el profesor en vscode?

Miguel Angel Velazquez Romero

No lo sé, pero puedes elegir muchas semejantes instalando la extensión Dobri Next - Themes and Icons

MARIA TERESA PANIAGUA RIVERA

Hace 2 años

Gracias

Andres Ramirez Restrepo

// app.js Tiene todas las librerias y configuración para correr la configuración en express.

// Index.js
tiene varias rutas de entrada.
	// index
	Tiene la tienda.
	// subscription
	Contiene la subscripción a la tienda.
	// Success
	Donde todos los usuarios que compran algo de la subscripción podran ser dirigidos

// Product.js
Tiene la ruta del producto

Conocer los conceptos básicos de los pagos en línea

Implementa pagos con PayPal en tu sitio

Pagos en Línea: Funcionamiento y Comparación con Pagos Tradicionales

Opciones para cobrar en línea y costos

Configuración del proyecto del curso

Implementación de eCommerce con Git, Node y PayPal

Integración de PayPal en Aplicaciones Node.js con Express

Aceptar pagos con PayPal

Creación y Conversión de Cuenta de Negocios en PayPal

Herramientas de PayPal para Negocios y Empresas

Crear aplicación PayPal en Sandbox

Integración del SDK de PayPal en Platzi Store

Crear botón de PayPal con JavaScript SDK

Creación de Transacciones con PayPal en Platzi Store

Captura de Transacciones con PayPal y Envío a Backend

Creación de Suscripciones con PayPal paso a paso

Personalización y Mejores Prácticas de Botones PayPal

Analizar e interpretar Dashboards

Gestión de Transacciones y Transferencias en PayPal Sandbox

Administrar situaciones especiales

PayPal Sandbox a producción: client ID y suscripciones

Manejo de Disputas y Herramientas Avanzadas de PayPal para Comercio Electrónico

Integración de PayPal en Comercio Electrónico

Integración de PayPal en Aplicaciones Node.js con Express

Progreso del curso

Conocer los conceptos básicos de los pagos en línea

Configuración del proyecto del curso

Aceptar pagos con PayPal

Analizar e interpretar Dashboards

Administrar situaciones especiales

Recursos

Recursos