时间戳

首页 > 解决方案 > 在 Angular 中的 razorpay 付款集成中没有得到响应

angular - 在 Angular 中的 razorpay 付款集成中没有得到响应

问题描述

我正在开发 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>

索引.html

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

标签： angularangular5angular6angular7

解决方案

 var options:any = {
      "key": "rzp_test_a4GV9kUSGHOzY4", 
      "amount":  100
      "currency": "INR",
      "name": "HealthInHands",
      "description": "A Wild Sheep Chase is the third novel by Japanese author Haruki Murakami",
      "image": "assets/img/HIH.png",

      "handler": response => {}

当您成功点击 The Razor Pay api 时，您会从 Razorpay 端获得一个交易 ID，然后您就成功付款了。您的交易详细信息也可在 razorpay 网站上进行检查，以进行测试

推荐阅读