【问题标题】:Pay with Amazon, Not displaying the GetOrderReferenceDetails();使用亚马逊付款,不显示 GetOrderReferenceDetails();
【发布时间】:2015-10-15 15:12:20
【问题描述】:

我错过了一些东西,但我不知道是什么。我正在我的网站上实施 Pay with Amazon,并已逐步遵循 their implementation guide,但我仍然遇到问题。

我已经获得了要呈现的地址和钱包小部件,但看起来不像 ,而是看起来像

我正在尝试获取订单详细信息,以便在选择地址时显示运输选项,然后在选择付款选项时显示购物车。

但我没有运气。我研究了各种网站和文档,他们都说相同,我看不出哪里出错了。

这是地址小部件:

     <div id="addressBookWidgetDiv" style="width:400px; height:240px;padding-top:20pt"></div>

        <script>
new OffAmazonPayments.Widgets.AddressBook({
  sellerId: 'SELLER_ID',
  onOrderReferenceCreate: function(orderReference) {
    orderReference.getAmazonOrderReferenceId();
  },
  onAddressSelect: function(orderReference) {
            GetOrderReferenceDetails();

  },
  design: {
    designMode: 'responsive'
  },
  onError: function(error) {
    // your error handling code
  }
}).bind("addressBookWidgetDiv");
</script>

这是钱包:

<div id="walletWidgetDiv">
</div>
<script>

new OffAmazonPayments.Widgets.Wallet({
  sellerId: 'YOUR_SELLER_ID_HERE',
  onPaymentSelect: function(orderReference) {
    // Replace this code with the action that you want to perform
    // after the payment method is selected.
  },
  design: {
    designMode: 'responsive'
  },
  onError: function(error) {
    // your error handling code
  }
}).bind("walletWidgetDiv");
</script>

任何帮助将不胜感激。

谢谢。

【问题讨论】:

  • 'onAddressSelect' 中的 GetOrderReferenceDetails() 定义在哪里,它有什么作用?

标签: javascript amazon-pay


【解决方案1】:

您发布的“Court & Cherry”屏幕截图是一个示例结帐页面。 Login and Pay with Amazon 让您能够呈现“支付”按钮以及地址簿和钱包小部件。由您来构建运输部分并计算运费(如果适用,还包括税费)。这就是为什么大多数人倾向于使用 Magento、OpenCart、WooCommerce 等解决方案提供商的原因,因为他们都会为您计算这些。

对于GetOrderReferenceDetails,您通常会对后端进行 AJAX 调用,而后端又会进行 API 调用。然后,您应该解析响应以获取送货地址,然后适当地更新您的送货块。此调用应在通讯簿小部件的“onAddressSelect”方法中进行。注意:此方法在小部件呈现时自动触发一次。

您应该使用 Pay with Amazon 开发工具包之一来执行这些 API 调用。你可以在亚马逊的 GitHub 页面上找到它们。 PHPRubyPythonJavaC#。我是 Python SDK 的作者。

【讨论】:

  • 谢谢,这是一个很好的解释。我使用 bigCommerce 作为我的电子商务。我在这方面有点过头了,我不认为我可以使用 BigCommerce 做到这一点,但我会继续努力。
猜你喜欢
  • 1970-01-01
  • 2021-06-02
  • 1970-01-01
  • 2012-03-30
  • 1970-01-01
  • 2013-04-15
  • 1970-01-01
  • 1970-01-01
  • 2012-12-08
相关资源
最近更新 更多