не получаю ответ в razorpay интеграции платежей в Angular - PullRequest
Новая
       5

не получаю ответ в razorpay интеграции платежей в Angular

0 голосов
/ 13 февраля 2019

Я работаю над проектом Angular 7, в котором я пытаюсь интегрировать Razorpay для интеграции платежей,

, для этого у меня есть интегрированный платежный шлюз Razorpay, но я не получаю ответ об успешном платеже и фали,

Как проверить статус моего платежа / заказа?

Я ставлю свой код ниже

app.component.ts 

import { Component } from '@angular/core';
import * as $ from 'jquery';

declare var Razorpay: any;
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'PaymentIntegration';
  rzp1: any;


  constructor() {}
  openRazorpayCheckout() {


    const options = {
      key: 'rzp_test_glA246D8rCFOVc',
      amount: 100,
      name: 'Merchant Name',
      description: 'Purchase Description',
      prefill: {
        name: 'Harshil Mathur',
        email: 'harshil@razorpay.com'
      },
      notes: {
        address: 'Hello World'
      },
      theme: {
        color: 'green'
      },
      handler: this.paymentResponseHander.bind(this)
    };

    const rzp = new Razorpay(options);
    rzp.open();
  }
  paymentResponseHander(response) {
   console.log(response.razorpay_payment_id);
   }
}

html 

<div>
<button (click)="openRazorpayCheckout()">Pay with Razorpay</button>
</div>

Index.html 

 <script src="https://checkout.razorpay.com/v1/checkout.js"></script>

1 Ответ

0 голосов
/ 13 февраля 2019

Просто для предложения просто вызовите функцию в части обработчика. 

options={
  ....
  "handler": function (response){
        alert(response.razorpay_payment_id);
         (or) 
        alert(JSON.stringify(response));
    },
 .....
}

После входа в ответное оповещение.Вы будете называть метод следующим образом. 

options={
      ....
      "handler": this.callResponse(response);
        },
     .....
    }

callResponse(response){
   //handle response here.
       alert(JSON.stringify(response));
}

Для справки:

Как интегрировать Razorpay в Angular 2?

https://docs.razorpay.com/docs/android

...