万事达卡付款集成完成付款后如何重定向到链接

Question

付款完成后我需要重定向到一个网址

我使用了文档中提供的代码

<script src="https://ap-gateway.mastercard.com/checkout/version/52/checkout.js"
                 data-error="errorCallback"
                data-cancel="cancelCallback" 
                 data-complete="completeCallback"
                 data-afterRedirect="restorePageState"
                 return_url="{{url('confirm_is_paid/'.$Recipt->id.'/'.$Recipt->security_code)}}"
              >
</script>

<script type="text/javascript">
function errorCallback(error) {
            console.log(JSON.stringify(error));
}
function cancelCallback() {
            console.log('Payment cancelled');
}

Checkout.configure({
        merchant: 'my_merchant_id',
        order: {
                amount: function() {
                        //Dynamic calculation of amount
                          return {{$Recipt->final_price}};
                },
                currency: 'EGP',
                description: 'Ordered goods',
             id: Math.random()
        },
        interaction: {
                operation: 'PURCHASE', // set this field to 'PURCHASE' for Hosted Checkout to perform a Pay Operation. , AUTHORIZE
                merchant: {
                        name: 'AAIB TEST',
                        address: {
                                line1: '200 Sample St',
                                line2: '1234 Example Town'
                        }
                } }
});

function restorePageState(data)
{
    window.location.replace("{{url('confirm_is_paid/'.$Recipt->id.'/'.$Recipt->security_code)}}");
}

function completeCallback(resultIndicator, sessionVersion) {
              window.location.replace("{{url('confirm_is_paid/'.$Recipt->id.'/'.$Recipt->security_code)}}");
           }

Checkout.showPaymentPage();

</script>

一切正常，但付款完成后我无法重定向 那么付款完成后我该怎么做才能让它重定向到一个url？

Answer 1

以下是有效的，并且已经针对 MPGS 版本 56 到 58 进行了测试

希望我的回答能让你满意。

不幸的是，你提到的问题今天仍然存在，奇怪的是MPGS团队仍然没有解决它。

首先，我想从 MPGS 的文档中指出以下几点：

Requesting a Hosted Checkout interaction is a simple process:

Request a checkout session using the Create Checkout Session operation. The request should include payment and interaction data, as well as completion instructions. A sample curl snippet for the Create Checkout Session operation is shown below.

curl https://ap-gateway.mastercard.com/api/nvp/version/57 \
-d "apiOperation=CREATE_CHECKOUT_SESSION" \
-d "apiPassword=$PWD" \
-d "apiUsername=merchant.<your_merchant_id>" \
-d "merchant=<your_merchant_id>" \
-d "interaction.operation=AUTHORIZE" \
-d "order.id=<unique_order_id>" \
-d "order.amount=100.00" \
-d "order.currency=USD"

这将返回一个 session.id，您应该将其包含在您的 Checkout.configure javascript 函数中，而您当前的示例代码中缺少该函数。

Checkout.configure() 中的标签缺失参数：

 session: { 
                id: '<your_create_checkout_session_ID>'
                },

现在深入挖掘并找到答案。在 MPGS 文档的每个部分，他们建议使用 data-complete="completeCallback" 或 data-complete="http://[your domain]/receiptPage"，completeCallback 对于我们的实现来说不够好，因为我们正在使用 Checkout.showPaymentPage(); -> MPGS 也没有很好地记录它，并且data-complete 或 return-url url 不起作用，因为我们会到达付款页面，并且永远不会从 MPGS 的收据页面重定向到我们的服务器。

在深入研究文档后，我们注意到了 Create Checkout Session 文档中的请求参数 interaction.cancelUrl，更重要的是 interaction.returnUrl。

来自 MPGS Create Checkout Session api 文档。

interaction.returnUrl  URI
The URL to which you want to return the payer after completing the payment attempt.

interaction.cancelUrl  URI
The URL to which you want to redirect the payer's browser if they cancel their payment.

你会注意到上面的功能与data-complete和data-cancel相似

终于解决了

对于Checkout.showPaymentPage();，您必须在初始request session request 中传递这些参数

curl https://ap-gateway.mastercard.com/api/nvp/version/57 \
-d "apiOperation=CREATE_CHECKOUT_SESSION" \
-d "apiPassword=$PWD" \
-d "apiUsername=merchant.<your_merchant_id>" \
-d "merchant=<your_merchant_id>" \
-d "interaction.operation=AUTHORIZE" \
-d "order.id=<unique_order_id>" \
-d "order.amount=100.00" \
-d "order.currency=USD"

-d "interaction.returnUrl=<your_returnUrl or data-complete url>"
-d "interaction.cancelUrl<your_cancel_url> or data-cancel url>"

当您想要重定向回您的网站时，添加额外的参数可以解决重定向问题。你会在Obtain the Payment Result下找到以下内容

To return the payer to your shop site, you must either:

provide interaction.returnUrl in the Create Checkout Session operation, OR
define the complete callback in the Hosted Checkout request. See Basic Callbacks.

这应该被重构为interaction.returnUrl应该用在Checkout.showPaymentPage()中，complete callback应该用在Checkout.showLightbox()中

我希望这有助于并为新访问者节省大量时间和电子邮件。

参考资料：

MPGS-Implementing a Hosted Checkout Integration

MPGS-Create Checkout Session

MPGS-Checkout configuration

Answer 2

从文档中，

如果您在回调中提供 URL 而不是函数，则触发事件时付款人将被重定向到该 URL。

尝试提供您的重定向 URL，而不是 data-complete="completeCallback" 中的回调函数。

此外，文档中提到了以下内容

为了通过完整的回调收到通知，您必须：

• 使用创建结帐会话操作创建结帐会话。
• 将 session.id 传递给 Checkout.configure()。
• 提供 callback.complete 函数或 URL。

检查您的回调是否满足所有这些条件。

---

来源：https://ap-gateway.mastercard.com/api/documentation/integrationGuidelines/hostedCheckout/integrationModelHostedCheckout.html