Stripe支付：预结账页面UI组件相关技术咨询

• 用Stripe API搭核心逻辑，不用重复造轮子
  直接调用Stripe的Products API拉取你在后台配置好的产品、价格数据，不用自己维护产品库。优惠券验证别在前端碰密钥，搞个后端接口调用Stripe的promotion_codes/validate接口校验有效性，拿到折扣信息后，前端就能结合选中的产品数量实时计算最终价格。

• 复用Stripe基础UI组件，对齐官方体验
  虽然没有现成的预结账组件，但Stripe Elements提供了基础的输入框、按钮样式规范，你可以直接用这些组件搭页面，再参考Stripe的设计系统调整布局，不用从零写样式，能快速对齐官方结账页的视觉体验。

• 提前创建Checkout会话拿实时价格
  用户选好产品、数量，输入优惠券后，在后端调用checkout/sessions接口预创建会话，把产品数量、优惠券参数传进去，Stripe会返回会话里的价格明细，你把这些数据提取出来展示给用户即可。等用户确认后，直接跳转到Stripe官方结账页完成支付，支付逻辑全交给Stripe处理。

• 订阅场景用订阅草稿做预校验
  如果是订阅类产品，可创建订阅草稿（调用subscription_schedules接口），调整产品数量、添加优惠券后，从草稿里提取价格明细展示给用户，用户确认后再激活订阅并引导到支付环节，全程依托Stripe的机制，不用自己处理订阅周期、折扣计算这些复杂逻辑。

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