paypal - 显示在获取付款详细信息时不刷新消息/页面 PayPal Checkout 按钮

Question

我正在将 paypal 快速结账与 v2 php 结账 sdk 集成。我能够完成交易并将用户重定向到谢谢页面并将详细信息保存到数据库，但是当用户通过 paypal 安全窗口付款并关闭时，paypal 处理付款并获取我的 getorder 函数，此时有重要延迟，用户坐在结账页面上，没有任何迹象表明发生了什么，几秒钟后，页面刷新，用户被重定向到支付成功的感谢页面。

现在我的问题是，我应该如何向用户显示消息以在获取付款详细信息时不要刷新页面或关闭窗口。或者有什么方法可以将用户发送到另一个页面，告诉他在单击 paypal 按钮时等待，然后进行处理。

谢谢

我的 PayPal 按钮代码:

paypal.Buttons({
        createOrder: function() {
            let formData = new FormData();
            formData.append('amount', document.getElementById("amount_paypal").value);
            formData.append('currency_code', document.getElementById("currency_code_paypal").value);
            formData.append('refrence_id', document.getElementById("refrence_id_paypal").value);
            formData.append('event_id', document.getElementById("event_id_paypal").value);
            formData.append('description', document.getElementById("description_paypal").value);

            return fetch('../paypal/createorder.php', {
                method: 'POST',
                body: formData
            }).then(function(response) {
                return response.json();
            }).then(function(resJson) {
                return resJson.result.id;
            });
        },
        // Wait for the payment to be authorized by the customer
        onApprove: function(data, actions) {
            return actions.order.capture().then(function(details) {
                return fetch('../paypal/getorder.php', {
                    method: 'POST',
                    headers: {
                        'content-type': 'application/json',
                    },
                    body: JSON.stringify({
                        orderID: data.orderID
                    })
                }).then(function(res) {
                    if (!res.ok)
                        throw new Error('Something Went Wrong!');
                    window.location = "../paypal/thankyou.php";
                });
            });
        },
        experience: {
            input_fields: {
                no_shipping: 1
            },
        },
    }).render('#paypal-button-container');

Answer 1

理想的解决方案是进行服务器端集成。

https://developer.paypal.com/demo/checkout/#/pattern/server

这样，买家通过 paypal 批准付款，然后在您的网站上单击调用您的服务器的最终“立即付款”/“下订单”按钮，然后调用 paypal 来执行/捕获交易，以及您的服务器立即记录已完成的交易，然后做出响应，以便您的页面显示一条致谢消息，并已完成交易。

这样，就不可能在您的服务器不知道且客户没有看到感谢消息的情况下完成交易