javascript - Stripe 支付元素显示保存的卡

Question

我正在使用带有 Stripe 支付元素的 laravel。我正在尝试向我们已有的客户展示已保存的卡片。我关注了stripe docs并找到了如何在结帐时显示它。但问题是我没有为客户获取保存的卡片。相反，我在控制台上遇到错误:

使用临时 key 进行身份验证时，必须将 Stripe-Version header 设置为明确的 API 版本，例如 2020-08-27

我从这里检查并更改了很多版本:

$ephemeralKey = \Stripe\EphemeralKey::create(
                    ['customer' => "$user->stripe_customer_id"],
                    ['stripe_version' => '2019-11-05']
                );

我将版本更改为可以在我的 Stripe 仪表板上看到的不同版本:

这是我的 Js 初始化函数:

    // Fetches a payment intent and captures the client secret
async function initialize() {
    // Customize the appearance of Elements using the Appearance API.
    const appearance = { /* ... */ };

    // Enable the skeleton loader UI for the optimal loading experience.
    const loader = 'auto';
    const { clientSecret, customerOptions } = await fetch("{{ route("user-create-stripe-element-payment") }}", {
        method: "POST",
        headers: {
            "Content-Type" : "application/json",
            "accept" : "application/json",
            'X-CSRF-TOKEN': "{{ csrf_token() }}",
            'stripe_version':"2019-11-05"
        },
        body: JSON.stringify({ totalCharge:total }),
    }).then((r) => r.json());

    elements = stripe.elements({
        clientSecret,
        appearance,
        loader,
        customerOptions
    });

    const paymentElement = elements.create("payment");
    paymentElement.mount("#payment-element");
}

而且我还在使用文档中提供的测试版:

    const stripe = Stripe("{{env('STRIPE_KEY')}}", {
    betas: ['elements_customers_beta_1'],
});

但是这个错误并没有消失。它甚至没有填充支付元素。

请帮我调试这个，或者如果有人有任何建议来检查这里发生了什么。

提前致谢。

Answer 1

您没有在此处的 JS 中提供 API 版本

const stripe = Stripe("{{env('STRIPE_KEY')}}", {
    betas: ['elements_customers_beta_1'],
});

将上面的代码改成

const stripe = Stripe("{{env('STRIPE_KEY')}}", {
    betas: ['elements_customers_beta_1'],
    apiVersion: 'Your Version Here'
});

在你的情况下，它应该是这样的

const stripe = Stripe("{{env('STRIPE_KEY')}}", {
    betas: ['elements_customers_beta_1'],
    apiVersion: '2019-11-05'
});

您可以在此处阅读更多内容。 https://stripe.com/docs/api/versioning?lang=node它适用于 nodejs，但 API 版本覆盖将以相同的方式工作。