Crea tu primer pago con SDK

Esta guía te muestra cómo crear tu primer pago con el SDK de Yuno. Aprenderás a:

• Configurar y ejecutar el proyecto de ejemplo
• Realizar un pago de prueba utilizando el SDK

El SDK de Yuno te permite integrar métodos de pago en tu aplicación web y procesar pagos de forma segura. Siguiendo esta guía, tendrás tu primer pago listo y funcionando en menos de 5 minutos.

Paso 1: Instalar los requisitos previos

Antes de comenzar, asegúrese de tener lo siguiente instalado en su sistema:

• Git - Necesario para descargar el proyecto. Si no ha utilizado Git antes, siga la guía de instalación de Git
• Node.js - Necesario para ejecutar el proyecto. Si no ha utilizado Node.js antes, descárguelo desde el sitio web oficial Node.js.

Paso 2: Descarga el proyecto

Descarga el proyecto de ejemplo o clona el repositorio de GitHub. El proyecto contiene el SDK Web de Yuno y una implementación frontend de ejemplo.

> git clone https://github.com/yuno-payments/yuno-sdk-web.git
> cd yuno-sdk-web

📘

Ejemplo de integración de SDK

Yuno proporciona una aplicación lista para usar construida con el Web SDK. Explora este proyecto para ver lo rápido y fácil que es integrarse con Yuno.

Paso 3: Configura las variables del entorno

Para autenticarte con la API de Yuno, debes configurar tus credenciales en el proyecto. Sigue estos pasos:

1. Abrir el .env archivo en la carpeta raíz
2. Agregue las siguientes variables de entorno con sus credenciales desde la sección Desarrolladores del panel de control:
   • ACCOUNT_CODE(se mostrará como account_id en el panel)
   • PUBLIC_API_KEY
   • PRIVATE_SECRET_KEY
3. Guardar el archivo

ACCOUNT_CODE
PUBLIC_API_KEY
PRIVATE_SECRET_KEY

Paso 4: Ejecuta el proyecto

Navegue a la carpeta del proyecto e instale las dependencias de Node.js necesarias ejecutando:

> npm install

Luego, ejecuta el proyecto con el siguiente comando:

> npm start

Para acceder a la aplicación en ejecución, abre tu navegador y dirígete a:

http://localhost:8080

(Nota: Esta es una URL de desarrollo local que solo funcionará cuando se ejecute la aplicación de demostración localmente)

Paso 5: Realiza tu primer pago

Después de acceder al proyecto en ejecución en su navegador, verá una página de pago básica que muestra el método de pago con tarjeta configurado en Configure su cuenta. Para crear su primer pago con éxito:

1. Seleccione la opción pago de Tarjeta
2. Ingrese la información de la tarjeta de prueba que se proporciona a continuación

• Nombre del titular: Harry Potter
• Número de tarjeta: 4242 4242 4242 4242
• Fecha de expiración: 29/09
• CVV: 123

Paso 6: Ver los detalles del pago en el Panel de Control

1. Después de enviar el pago, espere unos segundos hasta que se procese.
2. Vaya a la sección Pagos de su panel de control
3. Encuentra tu pago de prueba en la lista
4. Haga clic en el icono del ojo para ver los detalles completos del pago.

¡Felicitaciones! Has creado tu primer pago con Yuno. Consulta nuestras otras guías para saber más sobre cómo integrar funciones adicionales.