Demo Angular Cargo único

Nuestra Demo es una guia para una rápida integración con Culqi

Nuestro Demo Angular, es compatible con la V2.0 del Culqi API, con el cual tendrás la posibilidad de integrarte con el API de tokens y cargos,

Integra Custom Checkout, Culqi 3DS; con el cual tienes la posiblidad de probar el proceso de cargos únicos.

Requisitos

  • Nuestra Demo es compatible con Angular 16.0+.
  • Debes tener tus llaves de producción o integración.
  • Si aun no te afilias a Culqi, lo puedes hacer desde aquí.
  • Para encriptar el payload debes generar un id y llave RSA ingresando a tu CulqiPanel > Desarrollo > RSA Keys.

Recuerda que para obtener tu llave pública, debes ingresar a la sección “Desarrollo” y luego a “API Keys” en tu CulqiPanel, para generar tu id y llave RSA debes ingresar a “RSA Keys”.

Repositorio

Puedes descargar el código fuente de la Demo desde:

Repositorio

Demo Angular

repositorio

Instalación

Ejecuta composer install en una terminal en la raiz del proyecto

npm install

Configuración

Primero se tiene que modificar los valores del archivo src/app/env/dev.env.ts que se encuentra en la raíz del proyecto. Puedes activar o desactivar la encriptación.

export const secretKey = '<<LLAVE PRIVADA>>';
export const publicKey = '<<LLAVE PÚBLICA>>';

export const rsaId = '<<LLAVE PÚBLICA RSA ID>>';
export const rsaPublickKey = '<<LLAVE PÚBLICA RSA>>';

export const encrypt = false;

Recuerda que las llaves de integración se identifican como “test” y las de producción como “live”.

Inicialización de la demo

Ejecuta el siguiente comando:

npm start

Pruebas

Antes de activar tu tienda en producción, te recomendamos realizar pruebas de integración. Así garantizarás un correcto despliegue.

Recuerda que si quieres probar tu integración, puedes utilizar nuestras tarjetas de prueba.

Para visualizar el frontend de la demo, ingresa a la siguiente URL:

  • Para probar la demo escribe la ruta: http://localhost/4200

Con la demo puedes realizar pruebas de:

  • Cargos únicos con 3DS.