条纹-使用正确的React前端组件进行信用卡存储？

问题描述

我正在研究节点中的条带后端和反应前端，其想法是为买卖双方创建一个平台。我已经创建了卖方方面，用户可以在其中创建connect帐户并将银行添加到该帐户。

现在，我要设置买方一方。我希望能够让客户存储他们的信用卡/借记卡信息，以便将来使用。以下是我的问题，它们有点宽泛，但是我只需要一些基本指导，而不是寻找代码答案：

1. 我的目标是让用户输入信息，然后让Stripe用他们的所有信息创建一个客户对象，以存储信用卡信息吗？

2. 我可以使用react-stripe-elements库来简化此过程，因为它似乎是安全的？我一直在查看examples，但它们似乎围绕直接付款来进行支付，方法是输入要立即付款的信息。除非我误会了？

解决方法

我的目标应该是让用户输入信息然后再添加条纹 创建具有所有信息的客户对象，作为一种方式 存储信用卡信息？

是的，主要方法是收集卡的详细信息，这将产生一个PaymentMethod对象，然后可以将其保存到客户。最简单的方法是使用SetupIntents API，如下所述：

https://stripe.com/docs/payments/save-and-reuse

如果您遵循该指南，则confirm the SetupIntent会自动创建一个PaymentMethod，并且由于创建provide a Customer时会https://github.com/stripe/react-stripe-js，因此Stripe会自动将PaymentMethod保存到客户。

我可以使用react-stripe-elements库来简化此过程吗 因为它似乎是安全的？我一直在看例子 但他们似乎围绕直接输入来付款 立即支付信息。除非我误会了？

您应该改用Stripe的新React库（假设您使用的是React v16.8及更高版本）：

https://stripe.com/docs/security/guide

该库是围绕Stripe Elements的简单包装，它公开了一个输入字段供用户输入其信用卡详细信息。当您使用Stripe中的预构建输入字段时，它们将自动为您创建符合PCI要求的表单：https://stripe.com/docs/payments/save-and-reuse#web-collect-card-details。否则，您需要每年证明您的企业的PCI合规性，这是很多工作。

“保存和重用”指南中的客户端步骤均具有“反应”标签，您可以单击该标签以显示React版本（使用新的react-stripe-js库）：

swagger-ui-express