Question

我正在尝试将Razorpay付款网关集成到基于ecwid的在线商店。根据ecwid文档中概述的过程，我需要解密商店提供的订单详细信息，然后将这些详细信息发送到我的付款网关进行处理，最后将客户重定向回商店。

基于Razorpay的文档，我需要在button标签中放置一个基于表单的脚本代码。单击按钮后，将发送结帐表格，然后客户开始进行付款。

<button id="rzp-button1">Pay</button>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var options = {
  "key": "YOUR_KEY_ID",
  "amount": "2000", // 2000 paise = INR 20
  "name": "Merchant Name",
  "description": "Purchase Description",
  "image": "/your_logo.png",
  "handler": function (response){
      alert(response.razorpay_payment_id);
  },
  "prefill": {
      "name": "Harshil Mathur",
      "email": "harshil@razorpay.com"
  },
  "notes": {
    "address": "Hello World"
  },
  "theme": {
    "color": "#F37254"
  }
};
var rzp1 = new Razorpay(options);

document.getElementById('rzp-button1').onclick = function(e){
  rzp1.open();
  e.preventDefault();
}
</script>

现在这是我的问题。我已经成功地从Ecwid的商店解密了有效载荷，以获取包括金额的订单明细。如何在按钮中分配从商店中获得的金额？

这是我到目前为止的代码。看起来非常环岛，但仍然无法正常工作。任何帮助将不胜感激。

purchaseRouter.route('/')
.post((req, res, next) => {
  var algorithm = encryptionHelper.CIPHERS.AES_128_CBC;
  var originalBase64 = req.body.data.replace(/-/g, "+").replace(/_/g, "/");
  const key = process.env.ECWID_CLIENT_SECRET.slice(0, 16);
  var decText = encryptionHelper.decryptText(algorithm, key, originalBase64, 
   "base64");
  var jsonText = JSON.parse(decText);
  var amount = jsonText.cart.order.total;
  //var name = jsonText.billingPerson.name;
  var email = jsonText.cart.order.email;
  amount = amount*100;
  var options = {
   "key": process.env.RAZORPAY_KEY_ID,
   "amount": amount,
   "name": "Fluvium",
   "description": "Board & Combat Sportswear",
   "image": "/your_logo.png",
   "handler": function (response){
     console.log(response.razorpay_payment_id);
     if (typeof response.razorpay_payment_id == 'undefined' ||  
        response.razorpay_payment_id < 1) {
      console.log("Error" + response.razorpay_payment_id);;
     } else {
       document.getElementById('razorpay_payment_id').value =  
          response.razorpay_payment_id;
       document.getElementById('razorpay_signature').value = 
        response.razorpay_signature;
       document.razorpayform.submit();
     }
     location.href = redirect_url;
    },
    "prefill": {
      "name": "",
      "email": email
    },
    "notes": {
       "address": "Hello World"
    },
    "theme": {
       "color": "#F37254"
    }
   };
    //res.send(JSON.stringify(options));
  var html='';
  html += "<form name='razorpayform' action='/purchase/razorpay' 
      method='POST'>";
  html += "<input type='hidden name='razorpay_payment_id' 
      id='razorpay_payment_id'>"
  html += "<input type='hidden' name='razorpay_signature'  
      id='razorpay_signature' >"
  html += "</form>"
  html += "<script src='https://checkout.razorpay.com/v1/checkout.js'> 
      </script>";
  html += "<script>";
  html += "var options = " + JSON.stringify(options);
  html += "; var rzp1 = new Razorpay(options);";
  html += "rzp1.open();";
  html += "</script>";
 res.send(html);
});

Answer 1

options.handler是一个函数，运行JSON.stringify(options)时会丢失。

为了保留它，我们需要将函数逻辑转换为字符串。此字符串是IIFE，它返回原始的handler。

所以，您的代码现在应该是

purchaseRouter.route('/')
.post((req, res, next) => {
  var algorithm = encryptionHelper.CIPHERS.AES_128_CBC;
  var originalBase64 = req.body.data.replace(/-/g, "+").replace(/_/g, "/");
  const key = process.env.ECWID_CLIENT_SECRET.slice(0, 16);
  var decText = encryptionHelper.decryptText(algorithm, key, originalBase64, 
   "base64");
  var jsonText = JSON.parse(decText);
  var amount = jsonText.cart.order.total;
  //var name = jsonText.billingPerson.name;
  var email = jsonText.cart.order.email;
  amount = amount*100;
  var options = {
   "key": process.env.RAZORPAY_KEY_ID,
   "amount": amount,
   "name": "Fluvium",
   "description": "Board & Combat Sportswear",
   "image": "/your_logo.png",
    "handler": "(function getHandler (response) { return function (response) { console.log(response.razorpay_payment_id); if (typeof response.razorpay_payment_id == 'undefined' || response.razorpay_payment_id < 1) { console.log('Error' + response.razorpay_payment_id); } else { document.getElementById('razorpay_payment_id').value = response.razorpay_payment_id; document.getElementById('razorpay_signature').value = response.razorpay_signature; document.razorpayform.submit(); } location.href = redirect_url; } })()",
    "prefill": {
      "name": "",
      "email": email
    },
    "notes": {
       "address": "Hello World"
    },
    "theme": {
       "color": "#F37254"
    }
   };
    //res.send(JSON.stringify(options));
  var html='';
  html += "<form name='razorpayform' action='/purchase/razorpay' 
      method='POST'>";
  html += "<input type='hidden name='razorpay_payment_id' 
      id='razorpay_payment_id'>"
  html += "<input type='hidden' name='razorpay_signature'  
      id='razorpay_signature' >"
  html += "</form>"
  html += "<script src='https://checkout.razorpay.com/v1/checkout.js'> 
      </script>";
  html += "<script>";
  html += "var options = " + JSON.stringify(options);
  html += "; options.handler = eval(options.handler);";
  html += "var rzp1 = new Razorpay(options);";
  html += "rzp1.open();";
  html += "</script>";
 res.send(html);
});

我添加了html += "; options.handler = eval(options.handler);";并将handler键变形为字符串。

在付款网关结帐流程中结帐至金额时，如何分配商店的订单价值（金额）？

1 个答案: