首页 > 解决方案 > 处理 React 和 Stripe 注册流程的最佳方式

问题描述

我正在构建一个需要酒吧所有者注册流程的应用程序,以便我们可以收集有关其位置的必要信息。例如:地址、酒吧营业时间、网站、电话号码等。

完成后,我们需要通过连接的帐户使用我们的 Stripe 平台加入酒吧。这样做时,Stripe 要求用户被重定向到 Stripe 网页以完成入职流程。

我遇到的问题如下:酒吧老板在表格上填写必要的信息,一旦完成,他们就会被重定向到 Stripe 的入职网址。当他们被重定向时,表单中的所有信息都会丢失。

有没有办法保留表单的状态,所以当 Stripe 在完成后返回我们的表单时,它会保留所有之前填写的字段?

我可能在这里遗漏了一些东西。如果您能想到更好的流程,请告诉我。

标签: javascriptreactjsfirebasestripe-payments

解决方案


这与 Stripe 并没有真正的关系,而是重定向时丢失未保存信息的一般问题。您应该为您的用户将这些字段提交到您的数据库记录并在返回时进行水合,或者使用某种本地持久性(例如,参见本示例formik-persist[1])。

您可以在用户返回加载数据并填充表单时从 cookie 等中检索用户,或者return_url在创建入职链接 [2] 时在您提供的静态用户 ID 中包含。

[1] https://egghead.io/lessons/react-persist-form-data-in-react-and-formik-with-formik-persist [2] https://stripe.com/docs/connect/connect -入职#return_url


推荐阅读