Ngx-openpay NPM

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: 'delapaz87@yahoo.es'
    }
  };

  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
  }

}