Razorpay nodejs express 集成问题

Question

我正在尝试使用 nodejs 制作结帐页面，并使用 Razorpay 作为支付网关进行表达。当您单击我的 shopping-cart.hbs 文件中的“结帐”按钮时，Razorpay 就会运行。 checkout() 函数在单击 Checkout 按钮时被调用。该函数写在 checkout.js 文件中。但是当我运行该应用程序并单击该按钮时，它显示找不到文件。我不知道问题出在哪里。我还在我的 npm 中安装了 razorpay。

var razorpay = require('razorpay');

function checkout(){

    var options = {
        "key": "rzp_test_2eJE3rP3gEWqze", // Enter the Key ID generated from the Dashboard
        "amount": 50*100, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
        "currency": "INR",
        "name": "Modi's Dairy",
        "description": "Test Transaction",
        "image": "/images/modiLogo3.png",
        //"order_id": "order_9A33XWu170gUtm", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
        "handler": function (response){
            savetoDB(response);
           
        },
        "prefill": {
            "name": "Gaurav Kumar",
            "email": "gaurav.kumar@example.com",
            "contact": "9999999999"
        },
        "notes": {
            "address": "Razorpay Corporate Office"
        },
        "theme": {
            "color": "#F37254"
        }
    };

    var rzp1 = new Razorpay(options);
    rzp1.open(); 
}

function savetoDB(response){
    console.log(response);
    var payRef = firebase.database().ref('payment');

    /*payRef.child('123456789').set({

    }); */

}

{{#if products}}
<div class="row">
    <div class="col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
        <ul class="list-group">
            {{#each products}}
            <li class="list-group-item">
                <span class="badge">
                    {{this.qty}}
                </span>
                <strong>{{this.item.title}}</strong>
                <span class="label label-success">{{this.price}}</span>
                <div class="btn-group">
                    <button class="btn btn-primary btn-xs dropdown-toggle" type="button" data-toggle="dropdown">Action </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Reduce by 1</a></li>
                        <li><a href="#">Remove all</a></li> 
                    </ul>
                </div>
            </li>
            {{/each}}
            
        </ul>
    </div>
</div>
<div class="row">
    <div class="col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
        <strong>Total: {{totalPrice}}</strong>
    </div>
</div>
<hr>
<div class="row">
    <div class="col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
        <a  type="button" id="paymentClick" onclick ="checkout()" class="btn btn-success">Checkout</a>
    </div>
</div>
{{else}}
<div class="row">
    <div class="col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
        <h2>No items in cart</h2>
    </div>
</div>
{{/if}}

<script src="/__/firebase/7.17.1/firebase-app.js"></script>

 <!-- Add Firebase products that you want to use -->
  <script src="/__/firebase/7.17.1/firebase-auth.js"></script>
  <script src="/__/firebase/7.17.1/firebase-database.js"></script>
  <script src="/__/firebase/init.js"></script>
  <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
  <script src = "/javascripts/checkout.js"></script>
<script>
   
</script>

Error msg

Answer 1

您需要在前端执行结帐功能，为此，您需要加载https://checkout.razorpay.com/v1/checkout.js 脚本。查看此文档：doc