Stripe Checkout https://checkout.stripe.com/checkout.js 和 Elements https://js.stripe.com/v3/ 之间的区别

Question

我正在使用条带支付与我的系统集成。 但我不明白这两个库之间的区别。

似乎使用 javascript 生成表单并将令牌传递给我们的服务器端。

<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
data-amount="2000"
data-name="Stripe.com"
data-description="2 widgets"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto"
data-zip-code="true">
</script>

这是与 .net core 一起使用的

<script src="//checkout.stripe.com/v2/checkout.js"
class="stripe-button"
      data-key="@Stripe.Value.PublishableKey"
      data-locale="auto"
      data-description="Sample Charge"
      data-amount="500">
</script>

没有 checkout.js，我们也使用

<script src="https://js.stripe.com/v3/"></script>
<div id="payment-request-button">
 <!-- A Stripe Element will be inserted here. -->
</div>

这意味着我也可以使用这个 2 来使用。 而这个脚本中的两个，我可以处理板条箱令牌和自定义，那么这两个脚本的不同行为是什么。

非常感谢

Answer 1

没有区别。 您应该使用 Stripe 的Checkout 文档页面上列出的 URL： https://checkout.stripe.com/checkout.js : https://checkout.stripe.com/checkout.js 。

编辑：您可以选择是使用Checkout还是Elements来收集和标记客户付款数据。 结帐是一种可立即使用的预先构建的表单。 如果您想设计自己的自定义付款表单，则应改用 Elements。

Answer 2

来自官方文档

安全收集和标记卡信息的最简单方法是使用Checkout 。

Stripe.js 和 Elements：如果您希望完全控制付款表单的外观，您可以使用我们预先构建的 UI 组件Stripe.js 和 Elements 。 请参阅我们的Elements 快速入门以了解更多信息。

Answer 3

我相信有区别 StripeCheckout 不支持 Cards API（从我所见） StripeElements 确实支持较旧的 CardsAPI https://stripe.com/docs/payments/accept-a-payment-charges https://github .com/stripe-samples/card-payment-charges-api/ https://github.com/stripe-samples/accept-a-card-payment

此外，我不清楚如何使用 StripeCheckout 来利用旧的 Orders 数据模型。 然而，StripeCheckout 表示它适用于收据生成、运输计算、税收计算等。