javascript - 上下文结帐中的 Paypal - 防止页面重定向

Question

我正在尝试集成 PayPal in-context checkout在 AngularJS 应用程序下。一切都按预期工作:

1. 我通过 REST API 发送所有详细信息并获得结帐 token
2. 然后，TOKEN 被传递给客户端应用
3. 使用特定的 TOKEN 调用上下文结帐

现在我想知道是否有办法在成功或取消场景后阻止重定向页面。

这是客户端应用程序中的一段代码:

<button id="t2" type="submit">Pay</button>

<script>
  window.paypalCheckoutReady = function () {
    paypal.checkout.setup("API_CREDENTIALS", {
      environment: "sandbox",
      button: ["t2"],
      click: function (event) {
        
        event.preventDefault();
        //init lightbox modal
        paypal.checkout.initXO();
        
        //start checkout flow
        paypal.checkout.startFlow(TOKEN);
      }
    });
  };
</script>

<script src="//www.paypalobjects.com/api/checkout.js" async=""></script>

Answer 1

基于 JS 的上下文弹出窗口仅提供前端体验，并构成支付序列的一部分，如下所述，

1. 上下文弹出窗口和用户交互(同意付款)
2. 弹出窗口自动关闭(由 checkout.js 控制，立即)并将浏览器重定向到您的目标返回页面
3. 在您的返回页面调用execute API完成支付
4. Webhooks 被触发(通知您的网站交易状态)

您要中断的是#2 和#3 之间的行为，也就是支付流程的中间部分，您可能要研究的定制是在中定义您的 redirect_urls 对象PAY 方法(用于生成支付 token )的 API 负载，使用 return_url 和您的路由逻辑(通过 URL 和字符串查询的组合)显示相应的内容到您的客户在订单确认页面上(第 3 步)

当您的客户取消/关闭弹出窗口(第 2 步)时，cancel_url 中的相同规则

"redirect_urls": {
 "return_url": "http://www.return.com/routing/?stringQuery",
 "cancel_url": "http://www.cancel.com/routing/?stringQuery"
}

之后一定要在返回页面中调用execute