使用亚马逊支付 在弹出窗口中打开 Window

Question

我正在使用亚马逊支付 Express Integration. In that I have to create custom Pay With Amazon button as described here:

一切正常，但是当我单击 Pay With Amazon 按钮时，它会在同一页面中打开 window。我希望 window 在 popup 中打开。

有什么办法，我可以让 Pay With Amazon 按钮在 popup 中打开 window。

这是我的代码：

<script type="text/javascript">
   OffAmazonPayments.Button("AmazonPayButton", app.conf.amazonPaySellerId, {
     type: "hostedPayment",
     hostedParametersProvider: function(done) {
     $.getJSON(app.conf.siteUrl + 'generatePaymentRequestSignature', {
        amount: $("#depositAmount").val() ? $("#depositAmount").val() : 10,
        currencyCode: 'USD',
        sellerNote: "Deposit to App",
        returnURL : window.location.href,
        sellerOrderId : localStorage.getItem("UserAccessToken")
     }, 
    function(data) {
       if(data.status && data.code == 200) {
         done(JSON.parse(data.data));
      } else {
         alert("Service is not available. Please try again later");
      }
    })
  },
 onError: function(errorCode) {
      console.log(errorCode.getErrorCode() + " " + errorCode.getErrorMessage());
 }
});
</script>

我想在弹出窗口中打开它，因为我的应用程序将被其他使用 iframe 的网站嵌入。当我们点击 Pay 按钮时，它会在同一个 window 中打开，但无法正常工作。

注意： 对于使用 Button Generator Utility 生成的按钮，如 here 所述，有选项可用于在 Popup 中打开 window，但不要知道如何使用 hostedPayment 类型来完成。

感谢您的宝贵时间。

Answer 1

目前没有办法做到这一点，因为它是一个托管解决方案。您引用的示例不使用按钮生成器，它使用标准的 Login with Amazon 集成。使用按钮生成器生成的按钮被视为 Express 集成。

获得弹出体验的唯一方法是进行自定义 LPA 集成，但“支付”按钮在 iframe 中不起作用。