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.

Repositorio

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

Nombre Repositorio
Demo Angular https://github.com/culqi/culqi-demos/tree/Angularjs-checkout-charge

Instalación

Ejecuta composer install en una terminal en la raiz del proyecto

BASH
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.

TS
export const const secretKey: stringsecretKey: string = "<<LLAVE PRIVADA>>";
export const const publicKey: stringpublicKey: string = "<<LLAVE PÚBLICA>>";

export const const rsaId: stringrsaId: string = "<<LLAVE PÚBLICA RSA ID>>";
export const const rsaPublickKey: stringrsaPublickKey: string = "<<LLAVE PÚBLICA RSA>>";

export const const encrypt: falseencrypt = false;

Inicialización de la demo

Ejecuta el siguiente comando:

BASH
npm start

Pruebas

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

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.
AnteriorReactJS
SiguientePHP