在现代电商应用中,支付系统是不可或缺的一部分。它需要牢固地与你的后端系统集成,并且必须具有高度的稳定性和安全性。在本文中,我们将介绍如何使用 Express.js 和 Stripe 来构建一个简单的、可靠的支付系统。本文中将包含以下内容:
- 什么是 Stripe 以及为什么应该使用它?
- Stripe 的工作原理
- 如何在 Express.js 应用中使用 Stripe
- 示例代码和演示应用
Stripe 简介
Stripe 是一个在线支付解决方案提供者,它允许开发人员构建定制化的支付系统,同时提供全球范围内的支付服务。Stripe 的一个优点是,它允许开发人员处理诸如卡信息验证、付款处理,以及自动付款等一系列的关键支付任务。
Stripe 允许你在你的应用中整合支付功能,而不必处理很多复杂的支付工作。Stripe 还允许你接受 PayPal、微信、Apple Pay 等多种付款方式,而且它的开发文档和维护都非常完备。
Stripe 的工作原理
Stripe 的工作原理非常简单:
- 你的客户在你的站点或应用程序上提交订单并输入卡信息;
- 你的应用程序将这些信息发送到 Stripe,以进行处理和验证;
- 鉴于 Stripe 处理并成功同步卡信息,全球支付系统会自动处理您客户的订单;
- Stripe 将处理结果返回给你的应用程序,以便你可以继续处理付款,完成订单等其他任务。
Stripe 使所有事情都变得简单,因为它不仅为你的客户提供了高度安全的支付体验,还解决了卡信息的处理和管理问题。
如何在 Express.js 应用中使用 Stripe
接下来,我们将介绍如何在 Express.js 中使用 Stripe,并演示一个简单的应用程序来说明这个过程。在开始之前,你需要一个 Stripe 帐户,就像你在其官方网站上注册订阅的方式一样。
首先,在你的项目中通过 NPM 安装 Stripe 库:
--- ------- ------ ------
在项目文件夹下创建一个名为 server.js
的文件,打开它并添加以下代码:
----- ------- - ------------------- ----- --- - ---------- ----- ---------- - ----------------------- ----- ------ - ------------------------------------- ----- ---- - ---------------- -- ----- ---------------- -- -- - ------------------- ------- -- ---- ---------- --- ------------ ----- ---- -- - --------------- -------- ---
这个应用程序很简单,它使用 Express.js 构建,它通过 Stripe 库添加了一个引用,并启动了一个简单的 web 服务器来监听 3000 端口。此外,它为首页添加了路由。
接下来,我们将在 Stripe 中创建一个支付处理。
------------------- ----- ---- -- - ----- ------ - ----- ------------------------- ------ --------------------- ------- -------------------- -- -------------- -- ----------------------- ------- ------------ ---- ----------- ------- --------- ------ --------- ----------- --- ------------ -- ----------------------- ---
当客户完成付款时,Stripe 会使用这个 URL。当客户点击“付款”按钮并提交订单时,这个处理程序将被触发,并创建一个新支付。
在这个代码中,我们定义了一个固定的金额及描述。然后通过调用 stripe.customers.create
和 stripe.charges.create
进行付款。最后,我们将渲染 success.ejs
。
现在,我们做一些重要的设置。与 body-parser
类似,我们在之前安装此库:
--- ------- --- ------
将 views
文件夹创建在根文件夹中,并在此文件夹下创建 success.ejs
文件,添加以下代码:
--------- ----- ------ ------ -------------- ------------------ ------- ------ -------------------- ------- -- ---------------- ------- -------
如果所有的设置都OK,那就到了时间运行了。在控制台中输入:
---- ---------
当你看到“Server started on port 3000”时,在地址栏输入:http://localhost:3000 来访问这个页面。
最后,在 HTML 中添加以下表单来调用支付处理:
----- ---------------- -------------- ------- --------------------------------------------- --------------------- -------------------------- ------------------ -------------- ----------- ------ ----------------------- -------- --- ------------ -------------------------------------------------------------------------- ------------------- - --------- -------
结论
通过上述的这些,我们学会了如何使用 Express.js 和 Stripe 实现一个基本的、总体上令人放心的支付系统。为了更好地实现它,我们已经学习了 Stripe 的工作原理,并在 Express.js 应用中创建了 Stripe 实例。我们还编写了一些演示应用程序,并演示了如何使用 HTML 表单在 Web 应用程序中处理 Stripe 支付请求。
您可以在我们的 GitHub 上找到这个完整的示例应用程序,并尝试在本地运行它: https://github.com/express-stripe.
Stripe 是一个简单而有用的工具,它有很多功能,可帮助你构建全球贸易。希望这篇文章能对你有帮助,谢谢使用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6721d3e92e7021665e08ee48