Stripe Checkout弹窗未显示GPay支付选项求助

• 旧版Checkout的环境限制
  你当前使用的是已弃用的旧版checkout.js，它的Google Pay仅在HTTPS环境（localhost本地开发除外）、支持Google Pay的浏览器（如Chrome）以及Google Pay服务覆盖的地区才会显示。如果是HTTP环境，Google Pay选项会直接被隐藏。

• 参数拼写错误
  代码中data-Shipping-address参数名大小写错误，正确格式应为全小写的data-shipping-address。Stripe的data参数名是大小写敏感的，这个错误可能导致地址逻辑异常，进而影响支付选项的加载。

• 账号与配置验证

  1. 确认你的Stripe账号已在后台支付设置中启用Google Pay功能
  2. 测试环境下，需使用Stripe官方提供的测试资源（如绑定测试Google Pay账号），否则真实账号可能无法触发测试环境的Google Pay显示
  3. 确认USD币种在你的账号所在地区是Google Pay支持的结算币种

• 建议升级到新版Checkout
  旧版checkout.js已停止维护，新版Stripe Checkout（基于Stripe.js v3）对Google Pay的支持更稳定，配置更灵活。示例代码如下：

  <script src="https://js.stripe.com/v3/"></script>
  <button id="gpay-checkout-btn">Pay with Google Pay</button>
  <script>
    const stripe = Stripe('<PUBLIC_KEY>');
    document.getElementById('gpay-checkout-btn').addEventListener('click', async () => {
      const { error } = await stripe.redirectToCheckout({
        lineItems: [{ price: '替换为你的价格ID', quantity: 1 }],
        mode: 'payment',
        successUrl: 'https://你的域名.com/success',
        cancelUrl: 'https://你的域名.com/cancel',
        paymentMethodTypes: ['google_pay', 'card'],
      });
      if (error) console.error('Checkout error:', error);
    });
  </script>
  

内容的提问来源于stack exchange，提问作者user18035219