如何使用 Stripe Payment Element 进行订阅？

Question

我已经看到了如何使用 Card 组件和 Stripe API 来创建客户并附加订阅的示例，但我不明白如何使用 Payment Element 来执行此操作。

我有一个 React 应用程序，基本上一个页面具有完整的注册和付款流程。我有：

• 所选“订阅”的概述
• 1 输入收集姓名
• 1 输入以收集电子邮件
• Stripe Payment Element（不是卡元素，因为我也想要 Apple/Google Pay） *当用户到达此页面时，我对他们一无所知。我唯一知道的是选择注册并订阅某个计划。

我的基本理解是付款元素需要付款意图，并且我不明白如何创建与订阅计划相关的付款意图，并且基本上没有客户详细信息。有没有办法使用付款元素，然后获取某种令牌，然后创建客户并添加订阅？ （我知道您可以使用卡元素执行此操作，但理想情况下我想使用付款元素执行此操作）

Answer 1

您可以在此页面查看如何使用订阅付款元素：https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=elements

步骤的高级概述是：

1. 创建客户
2. 使用

   payment_behavior=default_incomplete

   创建订阅，您可以 展开 latest_invoice. payment_intent 或 pending_setup_intent
3. 使用 返回的 PaymentIntent / SetupIntent 用于初始化 Payment 元素

Answer 2

我遇到了类似的问题，并在这里写下了如何让

<PaymentElement>

组件与订阅一起使用：https://stackoverflow.com/a/76995363/6441791