【问题标题】:Pay With Amazon Open in Popup Window在弹出窗口中打开亚马逊付款
【发布时间】:2015-07-22 14:18:29
【问题描述】:

我正在使用通过亚马逊付款Express Integration。我必须按照here 的描述创建自定义Pay With Amazon 按钮:

一切都很顺利,但是当我点击Pay With Amazon 按钮时,它会在同一页面中打开窗口。我希望那个窗口在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 按钮时,它会在同一个窗口中打开,但它不起作用。

注意:在弹出窗口中有打开窗口的选项,用于使用按钮生成器实用程序生成的按钮,如here,但不知道如何使用hostedPayment 类型完成.

感谢您的宝贵时间。

【问题讨论】:

    标签: javascript popup window payment-gateway amazon-pay


    【解决方案1】:

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

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

    【讨论】:

    • 您能否提供一些参考,说明如何继续使用自定义 LPA?
    • 我将从 here 找到的集成指南开始。使用名为“使用亚马逊登录并付款”的方法。与您找到 Express 集成的地方相同。那里有分步指南。我还在 GitHub 示例页面 here 上编写了带有代码示例的演示。特别是“简单结帐”示例。
    • 嘿@Brent Douglas,感谢您抽出宝贵时间。但就我而言,数量是动态的,我认为为此目的,我只能使用托管解决方案。我认为我不能将 LPA 用于动态金额。如果我错了,请纠正我。
    • 您可以使用 LPA 进行动态处理。事实上,它比 Express 更加动态和功能丰富。它为您提供所有控制权。但是,您需要自己进行所有 API 调用,而托管解决方案将为您执行授权和捕获。 Express 构建在 LPA 之上,是一种更简单的集成方式。
    • 嘿布伦特,我也尝试过 LPA 解决方案,但它似乎不适用于 iframe(嵌入式应用程序)。那么,亚马逊是否限制通过 iframe 支付,或者有什么方法可以让 LPA 在 iframe 中工作?请建议。谢谢
    猜你喜欢
    • 1970-01-01
    • 2015-10-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-08
    • 2012-03-30
    • 2013-10-20
    • 1970-01-01
    相关资源
    最近更新 更多