ngx-openpay
v1.0.8
Published
Pasarela de pago Open Pay by BBVA
Downloads
23
Maintainers
Readme
NgxOpenpay
Integrar la pasarela de pago de Open Pay para Pago Web redireccionador, con boton de pago mas facil y rapido con esta libreria. Desarrollada para proyectos en Angular.
Instalación
Con NPM:
npm install ngx-openpay
Con Yarn:
yarn add ngx-openpay
Uso
Para utilizar la librería, agrega los siguientes datos en tu componente:
import { Component, OnInit, ViewContainerRef } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { NgxOpenpayComponent, WebPay } from 'ngx-openpay';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent implements OnInit {
title = 'demo';
webPay: WebPay = {
amount: 199.01, // MONTO A COBRAR
currency: 'PEN', // MONEDA DE PAGO EJEMPLO: PEN, USD
description: 'Pago mediante pasarela web', // DESCRIPCION DEL PAGO
redirect_url: 'https://www.google.com/', // URL DE REDIRECCION AL COMPLETAR EL PAGO
send_email: false, // NOTIFICACION POR CORREO
customer: {
name: 'Antonio',
lastName: 'de la Paz',
email: '[email protected]'
}
};
constructor(
private resolver: ViewContainerRef
) {}
ngOnInit(): void {
const factory = this.resolver.createComponent(NgxOpenpayComponent);
const componentRef = factory;
// Objeto de Authenticación
componentRef.instance.urlApi = 'https://localhost:7295/api/Openpay/checkout' //URL API DEL BACK
componentRef.instance.webPay = this.webPay;
componentRef.instance.authentication = ''; // COLOCAR MARCHANT ID
componentRef.instance.developerMode = true; // COLOCAR MONTO A APAGAR // URL DE REDIRECION
}
}
Documentación Oficial de Open Pay by BBVA
Puedes encontrar la documentación oficial para desarrollar tu propia librería en la página oficial de Open Pay.
Desarrolladores
Desarrollado por : Antonio de la Paz DLP CONSULTING EIRL
Colaboración
Si quiere colaborar con nosotros puedes hacerlo aqui.