Google Pay 错误：API 无法下载付款清单

Question

当我加载网站时，出现此错误：无法下载付款清单“https://pay.google.com/about/”。

此错误会无限期地出现并最终导致网站崩溃。当我使用文档开发自己的代码时发生了这种情况。当我直接从 NPM 文档获取代码时，也会发生这种情况。我想不通。

这是我正在使用的代码。

import React from 'react';
import GooglePayButton from '@google-pay/button-react';

function GooglePay(props) {


    return (
        <GooglePayButton
            environment='TEST'
            paymentRequest={{
                apiVersion: 2,
                apiVersionMinor: 0,
                allowedPaymentMethods: [
                    {
                        type: 'CARD',
                        parameters: { 
                            allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],
                            allowedCardNetworks: ['AMEX', 'DISCOVER', 'MASTERCARD', 'VISA']
                        },
                        tokenizationSpecification: {
                            type: 'PAYMENT_GATEWAY',
                            parameters: {
                                gateway: 'example',
                                gatewyMerchantId: 'examleMerchantId',
                            },
                        },
                    },
                ],
                merchantInfo: {
                    merchantId: '12345678901234567890',
                    merchantName: 'Demo',
                },
                transactionInfo: {
                    totalPriceStatus: 'FINAL',
                    totalPriceLabel: 'Total',
                    totalPrice: props.totalAmount.toString(),
                    currencyCode: 'USD',
                    countryCode: 'US',
                },
                shippingAddressRequired: true,
                callbackIntents: ['PAYMENT_AUTHORIZATION'],
            }}
            onLoadPaymentData={paymentRequest => {
                console.log('Success', paymentRequest)
            }}
            onPaymentAuthorized={paymentData => {
                console.log('Payment Authorized Success', paymentData)
                return { transactionState: 'SUCCESS' }
            }}
            existingPaymentMethodRequired='false'
            buttonColor='black'
            buttonType='Buy'
        />
    )

};

export default GooglePay;

我希望每次点击 Google Pay 时它都能正常工作。相反，它可能第一次起作用（也可能不起作用），然后在下次重新加载时变得不可点击。

Answer 1

请确保：

\n

\n
1. 您的 Stripe 仪表板已启用 google pay
\n
2. 检查您的 Google 钱包中是否添加了真实卡
\n
3. 检查 Chrome 浏览器付款方式中是否添加了真实卡
\n
4. 检查http://pay.google.com是否添加了真实卡
\n

\n

Stripe 团队支持的一些更新

\n

\n

谢谢！查看我们的资源后，要在 Stripe 上使用 Google Pay\n结账，您只需在信息中心付款\n方法上启用它：

\n

https://dashboard.stripe.com/test/settings/ payment_methods

\n

但是，要测试您的 Google Pay 集成，您\xe2\x80\x99 需要满足 \nChrome 的特定浏览器要求。测试 Google Pay 时，\n您应该在 Chrome 浏览器或 Google 电子钱包中保存一张真实的银行卡\n，并让您的测试 API 密钥/测试 Google Pay 环境\n处于活动状态。真实卡不会被扣费，并且 Google 在结帐流程中会传递测试卡而不是真实卡。\n 当用户尝试将卡片保存在 Chrome 中时，\n我们的正常测试\n卡片无法与 Google Pay 配合使用。

\n

铬合金

\n

\n
1. Chrome 61 或更高版本
\n
2. 已保存的支付卡
\n

\n

Android 版 Chrome 移动版

\n

\n
1. Chrome 61 或更高版本
\n
2. 已激活的 Google Pay 卡或已保存的卡
\n

\n

通过测试模式密钥使用 Google Pay（包括 Android Pay）时，\n您可能会看到\xe2\x80\x9c无法识别的应用\xe2\x80\x9d 警告。这是预期的，\n\n\xe2\x80\x99t 会在实时模式下显示。

\n

\n