Loovpay-angular

Loovpay-Angular est un package node qui permet d'intégrer rapidement le seamless loov.

Pourquoi uliser ce package node

• Accepter des paiements avec tous les opérateurs disponible chez LoovPay
• Verifier le statut d'un paiement (CheckPayStatus) à partir de l'identifiant de la transaction

Installation

With [npm] do

npm i loov

Initialisation

Dans [app.module.ts]

import {LoovModule, LoovService} from "loov";
export const MERCHANT_KEY : string;
export const API_KEY : string;

@NgModule({
  declarations: [
    AppComponent
  ],
    imports: [
        LoovModule,
        HttpClientModule
    ],
  providers: [
    {
      provide: LoovService,
      useFactory: () => {
        return new LoovService(MERCHANT_KEY, API_KEY);
      }
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Effectuer un paiement

import {Component, OnInit} from '@angular/core';
import {LoovService} from "loov";

export class AppComponent implements OnInit{

constructor(private $loovService: LoovService) {

  }
 payload:any  = {
    amount:0,
    sender_currency:'string',
    return_url:'string',
    cancel_url:'string',
    notify_url:'string'
}

 ngOnInit(){
     this.$loovService.initpayment(this.payload).then((data:any)=>{
      console.log(data);
     }).catch((err)=>{console.log(err)
  }

  }

Voir le statut d'un paiement

import {Component, OnInit} from '@angular/core';
import {LoovService} from "loov";

export class AppComponent implements OnInit{

  constructor(private $loovService: LoovService) {

  }
  ngOnInit(){
     this.$loovService.checktrnasactionStatus('reference').then((data:any)=>{
      console.log(data).catch((err)=>{console.log(err);
     })
  }

}