Cordova 中的 Razorpay 集成 [RazorPayCheckout 未定义]

Posted 2023-02-22

【中文标题】Cordova 中的 Razorpay 集成 [RazorPayCheckout 未定义]

【英文标题】：Razorpay integration in cordova [RazorPayCheckout is not defined]

【发布时间】：2020-12-24 23:12:16

【问题描述】：

我收到 RazorPayCheckout 未定义错误。 *** 上几乎没有类似的问题，但没有答案。请帮忙。提前谢谢

app.component.html

 <button (click)="payWithRazor()">Proceed to Pay</button>

app.component.ts

payWithRazor() 
    var options = 
      key: 'KEY', // add razorpay key here
      name: 'Bunto Couriers Pvt. Ltd.',
      description: 'Delivery Fee',
      amount: this.price*100, // razorpay takes amount in paisa
      prefill: 
        name: '',
        email: '', // add your email id
      ,
      image: 'link', 
      notes: ,
      theme: 
        color: '#00FF00'
      ,
      modal: 
        ondismiss: (() => 
          this.zone.run(() => 
            // add current page routing if payment fail
          )
        )
      
    ;

    var successCallback = function (payment_id) 
      alert('payment_id: ' + payment_id);
    ;

    var cancelCallback = function (error) 
      alert(error.description + ' (Error ' + error.code + ')');
    ;
    RazorpayCheckout.on('payment.success', successCallback);
    RazorpayCheckout.on('payment.cancel', cancelCallback);
    RazorpayCheckout.open(options);
    // RazorpayCheckout.open(options, successCallback, cancelCallback);
  

declaration.d.ts

declare module '*';

declare var RazorpayCheckout: any;

【问题讨论】：

我已经为 Cordova 添加了 RazorPay 插件

你确定你在使用platform.ready之后的插件吗？另外，请确保插件安装正确且没有错误

一切顺利，因为我遇到了同样的问题

【参考方案1】：

添加

Cordova 平台添加浏览器

它将下载 Cordova 应用程序在浏览器中运行的类似环境，但具有接近原生设备的特性和功能 然后做

Cordova 构建安卓

发布运行

Cordova 运行浏览器

将单独打开一个弹出浏览器并启动 Cordova 应用程序。 Razorpay 会检测为 Cordova 投诉，并且运行时不会出现问题