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 表示它適用於收據生成、運輸計算、稅收計算等。