使用 React Native/Stripe/Firebase 一次性付款
Posted
技术标签:
【中文标题】使用 React Native/Stripe/Firebase 一次性付款【英文标题】:One-time payments with React Native/Stripe/Firebase 【发布时间】:2022-01-19 16:51:54 【问题描述】:我已开始使用 Firebase-Stripe 扩展程序实施付款流程。我还设置了一个自定义 webhook 来在 firestore 数据库中为客户添加集合、管理产品等。但现在我有几个概念上的问题和疑问:
是否可以从应用程序弹出浏览器,所有支付过程都由条带处理(支付屏幕布局、支付选项等),然后在支付完成后重定向回应用程序?如果是这样,这是一种有效的方法吗?
如果我有带有附加信息和价格的票,我可以在产品集合中以编程方式生成一个条带产品,而不在条带仪表板中创建它吗?
您能给我一个实施第 1-2 点的起点吗?我试图搜索任何参考来做这件事,但我找不到任何相关的。
至少有一些帮助将不胜感激❤️
【问题讨论】:
【参考方案1】:是否可以从应用程序弹出浏览器,所有支付过程都由条带处理(支付屏幕布局、支付选项等),然后在支付完成后重定向回应用程序?如果是这样,这是一种有效的方法吗?
您需要在您的移动应用程序中显示一个 web 视图,然后重定向到 Stripe Checkout,这是一个预先构建的支付页面,供您的客户输入他们的卡信息。
另外,还有一个 Stripe 构建的 ReactNative 集成,允许您使用 PaymentSheet component 在移动应用中本地收款。
如果我有带有附加信息和价格的票,我可以在产品集合中以编程方式生成一个条带产品,而不在条带仪表板中创建它吗?
使用后端服务器或向您的 Firebase 扩展程序添加功能,you can programmatically create Products 使用您的 API 密钥。
【讨论】:
所以,如果我理解正确,按照您提供的第一个链接,我可以立即进入客户端设置步骤,因为我已经配置了 firebase-stripe 扩展(服务器端设置步骤)? 您可以如果 Firebase 扩展程序为您创建 CheckoutSessions,您可以使用它重定向到 Checkout 客户端以上是关于使用 React Native/Stripe/Firebase 一次性付款的主要内容,如果未能解决你的问题,请参考以下文章
“使用 JSX 时,React 必须在范围内”(react/react-in-jsx-scope 与 index.js 上的“window.React = React”)
是否可以在 React 中使用 React.useState(() => )?
使用通过 react、redux 和 react-redux 完成的组件以及在 react 应用程序中使用 webpack 构建时出错