Блог

Мы внедрили платежный шлюз razor-pay с использованием angular 9.

Библиотека платежного шлюза Razorpay написана на ванильном javascript. Мы добавили файл js в index.html из угловых

Когда пользователь закрывает окно модальности платежа, уходит со страницы и возвращается, автоматически открывается модальное окно (содержащее старые значения). Мы использовали собственное окно для открытия всплывающего окна razorpay, и наш код выглядит следующим образом

 const RAZORPAY_OPTIONS:any = {
      "key": key,
      "order_id": order id generated at backend, 
      "amount": orderAmount,
    "currency": customerCurrency,
    "name": "name",
    "image": "logo",    
  
    "prefill": {
      "name": customerName,
      "email": customerEmail,
      "contact": customerPhone
  },
  
      "modal": {},
        "theme": {
          "color": "#000"
        }
  
    };
    RAZORPAY_OPTIONS['modal.ondismiss'] = this.razorpayReload.bind(this);
    RAZORPAY_OPTIONS['handler'] = this.razorPaySuccessHandler.bind(this);
    const rzp = new this.razorpayService.nativeWindow.Razorpay(RAZORPAY_OPTIONS);
    rzp.open();
  }