MERN app支付成功后如何路由到下一页？

Question

我正在使用Paytm支付网关进行交易。我的前端是reactjs，后端是nodejs和expressjs。我希望在成功付款后，下一页被重定向。

后端代码-用于检查校验和和事务。

    PaytmChecksum.generateSignature(JSON.stringify(paytmParams.body), paytmconfig.merchantkey).then(function(checksum){
        paytmParams.head = {

            "signature" : checksum
        };
        var post_data = JSON.stringify(paytmParams);
        var options = {
            /* for Staging */
            hostname: 'securegw-stage.paytm.in',
            /* for Production */
            // hostname: 'securegw.paytm.in',
            port: 443,
            path: '/v3/order/status',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'Content-Length': post_data.length
            }
        };
        // Set up the request
        var response = "";
        var post_req = https.request(options, function(post_res) {
            post_res.on('data', function (chunk) {
                response += chunk;
            });

            post_res.on('end', function(){
                console.log('Response: ', response);
                res.write(response)
            });
        });
        // post the data
        post_req.write(post_data);
        post_req.end();
    });

前端代码:将调用onPayment函数进行支付

onPayment= async(e)=>{
        e.preventDefault();
        try {
            var amount="1.00";
            var mobile_number="+919999999999";
            var email="abcd@gmail.com";
            var orderId="ORDER_ID"+(new Date().getTime());
            let params={
                orderId:orderId,
                email:email,
                amount:amount,
                mobile_number:mobile_number
            }
            var url="http://localhost:4000/payment/paynow";
            var request={
                url:url,
                params:params,
                method:"get"
            }

            const response = await Axios(request);
            const processParams=await response.data;
            console.log(processParams);

            var details={
                action : "https://securegw-stage.paytm.in/order/process",
                // params : params
                params : processParams
            }

            this.post(details);

        } catch (error) {
            
        }
    }

Answer 1

您可以使用react-router-dom

import {useHistory} from 'react-router-dom'


const history = useHistory()


history.push('yourNextPage', {details:detail})

两个history.replace中的任何一个都应该有效：

history.replace('yourNextPage', {details:detail})

编辑

{details:detail}是为了防止您想要将上一页的状态传递给下一页

如果您不想传递任何状态

这就足够了

history.push('yourNextPage')

Answer 2

有关node.js中的校验和，请参考以下存储库中提供的代码。

https://github.com/paytm/Paytm_Node_Checksum

你也可以参考下面的react存储库(前端)

https://github.com/paytm/paytm-blink-checkout-react