问题描述
我正在尝试将 paytm 集成到 React Native 中。但问题是当我点击支付按钮(调用 call_api)但然后处理屏幕即将到来并且应用程序突然导航到我定义支付按钮的当前屏幕时。请帮忙这是我的代码
call_api = () => {
fetch("https://XXXXXXXXXXXXXXX",{
method: "POST",headers: {
Accept: "application/json,text/plain,*/*","Content-Type": "application/json",},body: JSON.stringify([
{
mobile_no: "XXXXXx",user_id: "XX",patient_name: "XXXx",]),})
.then((returnValue) => returnValue.json())
.then((response) => {
console.log("this checksum api esponse" + JSON.stringify(response));
this.setState({ order_id: response[0].data.order_id });
this.setState({ checksum: response[0].data.checksumhash });
this.pay();
});
};
pay = () => {
const details = {
//mode: "Production",// 'Staging' or 'Production'
mode: "Production",MID: "XXXXXXXXXXXXXXX",INDUSTRY_TYPE_ID: "Retail",WEBSITE: "APPSTAGING",CHANNEL_ID: "WAP",TXN_AMOUNT: "1",// String
ORDER_ID: this.state.order_id,// String
// EMAIL: email,// String
// MOBILE_NO: mobile,// String
CUST_ID: "CUSTOMER_1",// String
CHECKSUMHASH: `${this.state.checksum}`,//From your server using PayTM Checksum Utility
CALLBACK_URL:
"https://securegw.paytm.in/theia/paytmCallback?ORDER_ID=" +
`${this.state.order_id}`,// CALLBACK_URL: `https://securegw-stage.paytm.in/theia/paytmCallback?ORDER_ID=<${this.state.order_id}>`,};
Paytm.startPayment(details);
console.log(details);
};
解决方法
请确保您的设备上安装了 Paytm Staging 应用。您可以从 Paytm Developer Portal 上提到的链接获得相同的内容