如何使Amazon在弹出窗口中打开而不是刷新？

Question

我想要做的是：，我正在尝试将Amazon集成到我的React网站中，遵循这个文档这里。

My Problem:每当有人单击Amazon时，它都会将(刷新当前页面)重定向到Amazon网站以完成支付。这样做的问题是，所有的状态都会被重置。我想做的是，在弹出式窗口中打开它。

注意：我尝试过谷歌搜索，但是很少有关于它的信息，大多数人说这是不可能的，但这是可能的。这里的本站使用Amazon，是使用React构建的，这个站点是从亚马逊本身来的一个演示。这里的亚马逊付费按钮打开一个弹出而不是刷新，但我找不到这个网站的源代码在任何地方。

我的进步：

在我的后端特快服务器上，这就是我所做的，

const payload = {
        storeId: AMAZON_STORE_ID,
        scopes: ["name", "email", "billingAddress"],
        deliverySpecifications: {
            specialRestrictions: ["RestrictPOBoxes"],
        },
        paymentDetails: {
            chargeAmount: {
                amount: account.price,
                currencyCode: 'EUR'
            },
        },
        // popup: true
    }

    const signature = amazonPayClient.generateButtonSignature(payload)

    console.log(`Sign: ${signature}`)

    return res.json({ sign: signature, payLoad: JSON.stringify(payload) })

然后在我的正面反应，

amazon.Pay.renderButton('#amazon-pay', {
                // set checkout environment
                merchantId: config.AMAZON_MERCHANT_ID,
                publicKeyId: config.AMAZON_PUBLIC_KEY_ID,
                ledgerCurrency: 'EUR',
                checkoutLanguage: 'en_GB',
                productType: 'PayAndShip',
                placement: 'Checkout',
                buttonColor: 'Gold',
                createCheckoutSessionConfig: {                     
                    payloadJSON,
                    signature
                },
                popup: true
            })

感谢您提前提供帮助:D

Answer 1

原因是，我的Amazon Pay在一个新的页面中打开，而在Amazon演示网站上弹出的那个是因为货币。如果我将货币从“欧元”改为“美元”，就会出现弹出窗口。

在演示站点中，如果您从右上角将您的货币从美元改为欧元，您将看到所发生的更改。

因此，要解决这个问题，我只需使用美国地区，和美元的货币