DEMO - Culqi Angular + Checkout V4

La demo integra Culqi Angular, Checkout V4 , es compatible con la v2.0 del Culqi API, con esta demo podrás generar tokens (tarjeta y Yape) y confirmar órdenes.

Requisitos

• Angular 16.0+
• Afiliate aquí.
• Si vas a realizar pruebas obtén tus llaves desde aquí, si vas a realizar transacciones reales obtén tus llaves desde aquí.

Recuerda que para obtener tus llaves debes ingresar a tu CulqiPanel > Desarrollo > API Keys.

Recuerda que las credenciales son enviadas al correo que registraste en el proceso de afiliación.

• Para encriptar el payload debes generar un id y llave RSA ingresando a CulqiPanel > Desarrollo > RSA Keys.

Instalación

Ejecuta los siguientes comandos:

npm install

Configuración frontend

Para configurar el pk, sk, rsa_id, rsa_public_key del comercio se tiene que modificar en el archivo assets/js/checkout.js.

 const apiKey = "Llave secreta del comercio (sk_test_xxxxxxxxx)";
 Culqi.publicKey = "Llave pública del comercio (pk_test_xxxxxxxxx)";
 Culqi.settings({
            currency: "PEN",
            amount: Math.floor(Math.random() * 10000) + 1,
            title: "lorum ipsum dolor sit amet lorem ipsum dolor sit ameta lorem ipsum dolor sit amet",
            order: data.id,         
            xculqirsaid: 'Id de la llave RSA',
            rsapublickey: `Llave pública RSA que sirve para encriptar el payload de los servicios`,    
        });

Inicializar la demo

Ejecutar el siguiente comando:

npm start

Probar la demo

Para poder visualizar el frontend de la demo ingresar a la siguiente URL:

http://localhost:4200/

Documentación

• Referencia de Documentación
• Referencia de API