Php 如何在ionic 3中实现RazorPay

我已经按照Razorpay文档为ionic 3提供的步骤实现了Razorpay，并将演示代码写入测试模式，但我感到困惑的是，当我进入实时模式时，我想更改我的代码，或者该代码可以工作。下面是我的演示代码，请在此处输入代码：

付款
支付
{
变量选项={
说明：'咨询学分'，
图像：'https://i.imgur.com/3g7nmJC.png',
货币：“印度卢比”，
键：“rzp_测试”\u VJC2EhL3qcduHV'，//“rzp_测试”\u 1DP5mmOlF5G5ag'，
金额：'5000'，//this.amount*100，
姓名：'姓名'，
//订单号：val，
处理程序：函数（响应）{
警报（response.razorpay\u payment\u id）；
警报（响应.razorpay\u订单\u id）；
警报（响应。razorpay_签名）
},
预填充：{
电邮:'abc@gmail.com',
联系人：this.MobileNo，
姓名：this.LoginUserName
},
主题：{
颜色：“#F37254”
},
模态：{
ondismiss:function（）{
警报（“已解除”）
}
}
};
var successCallback=（付款id）=>{
警报（'payment_id:'+JSON.stringify（payment_id））；
//使用导航控制器导航到另一页
//this.navCtrl.setRoot（SuccessPage）
//将必要的控制器注入构造函数
//这个。确认预约（）；
callApi（付款id、选项、金额、选项、预填充、联系人）；
};
var cancelCallback=（错误）=>{
警报（error.description+'（error'+error.code+'）；
//使用导航控制器导航到另一页
//this.navCtrl.setRoot（ErrorPage）
};
//打开（选项、成功回调、取消回调）；
RazorpayCheckout.on（'payment.success'，successCallback）；
RazorpayCheckout.on（'payment.cancel'，cancelCallback'）；
打开（选项、成功回调、取消回调）；
var callApi=（付款id、金额、联系人）=>{
让数据={
“付款Id”：付款Id，
“Razorpay_Order”：“，
“金额”：金额，
“联系人”：联系人，
“CreateAt”：“，
“状态”：“已授权”
};
警报（'data='+JSON.stringify（data））；
this.apiServices.Paymentinsert（数据）
.map（res=>res.json（））
//.do（数据=>{console.log（数据）；}）
.subscribe（数据=>{
警报（JSON.stringify（数据））；
},
（错误）=>{
警报（“失败=”+错误）；
});
//api来捕获付款
/*this.webService.callPost（'paymentCapture'，data）。然后（（响应）=>{
日志（“响应为”，响应）；
}).catch（（错误）=>{
console.log（错误）；
})*/
}
}