我可以在没有自己的后端服务器的情况下在 React 中实现 Stripe 结账吗?

Posted

技术标签:

【中文标题】我可以在没有自己的后端服务器的情况下在 React 中实现 Stripe 结账吗?【英文标题】:Can I implement Stripe checkout in React without my own backend server? 【发布时间】:2021-06-08 21:18:56 【问题描述】:

我在 Netlify 上部署了一个 React 前端。我想实现一个简单的支付系统,用户可以输入他们想要的金额并使用 Stripe 结账甚至 PayPal 支付。我想知道这是否可能无需支付单独的后端费用。或者您可以推荐任何其他自托管支付网关吗?

谢谢! :)

【问题讨论】:

【参考方案1】:

正如您在 Stripe docs The Stripe API uses API keys to authenticate requests. 上看到的那样 - 这意味着您需要一种安全的方式来与它们集成,而不会暴露这些密钥。

因此,最好的方法是为此使用一些无服务器后端 (FaaS),例如 Amazon Lambda、GCP Cloud Functions 等。

Here's a good article,如何将Stripe与webtask.io集成,使用起来应该很简单

【讨论】:

【参考方案2】:

从技术上讲,您可以使用仅限客户端的 Stripe Checkout,但这不是推荐的路径:https://stripe.com/docs/payments/checkout/client

不建议仅使用客户端,因为它缺少许多通过客户端-服务器集成实现的功能。此外,仅限客户端的集成目前(截至本文)没有接收新功能或升级。

【讨论】:

【参考方案3】:

如果您不想进行服务器端开发,那么 Stripe Checkout(仅客户端集成)是您的最佳选择。您需要的一切都可以在 Stripe 仪表板上完成。

【讨论】:

以上是关于我可以在没有自己的后端服务器的情况下在 React 中实现 Stripe 结账吗?的主要内容,如果未能解决你的问题,请参考以下文章

我可以在没有 action creators 和 reducers 的情况下在 React 和 Redux 中发送 AJAX 调用吗?

Java 异常报告 GUI 的后端

我们可以在不使用 GraphQL 的情况下在项目中实施 AWS-Appsync 吗?

React Native - 如何在没有完全重新渲染的情况下在 ListView 中添加和附加数据

如何在没有要映射的对象数组的情况下在 React.js 中循环和渲染元素?

如何在没有外部库的情况下在 React 中播放/暂停视频?