在网上购物的时候,你可能会注意到许多电商网站都使用 Stripe 作为支付处理程序。Stripe 是一家全球知名的在线支付服务公司,其提供的支付解决方案方便安全、易于使用,可以让商家轻松地接受在线付款。本文将介绍如何使用 Express.js 和 Stripe 创建自己的支付系统。
Stripe 简介
Stripe 是一个集成了许多不同的支付方法的平台,例如信用卡、支付宝、微信支付等等。它提供了一处 API 来处理所有这些支付方法,为开发者建立了易于使用的支付处理程序。
开始使用 Stripe
要开始使用 Stripe,需要首先在 Stripe 网站注册账号,然后创建自己的 API 密钥。API 密钥在你的代码中起着非常重要的作用,它允许你在客户端和服务端之间传输数据。Stripe 的 API 密钥分为两种:测试密钥和生产密钥。测试密钥用于测试环境,生产密钥用于实际的生产环境。
在本文中,我们将展示如何在 Node.js 中使用 Stripe API 创建一个付款系统。
安装 Stripe Node.js 模块
要使用 Stripe API,需要先安装 Stripe Node.js 模块。在你的项目目录中打开一个终端,运行下面这个命令来安装 Stripe 模块:
npm install stripe --save
创建 Express.js 应用程序
在我们开始创建 Express.js 应用程序之前,需要先确保已经安装了 Node.js 和 Express.js。
现在,让我们来创建一个名为 "payment" 的目录,并创建一个名为 "index.js" 的文件。然后,在 "payment" 目录中运行下面这个命令来安装 Express.js 模块:
npm install express --save
接下来,打开 "index.js" 文件并输入以下内容:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- -- ----- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- --------------------------- ---
在上面的代码中,我们使用 Express.js 创建了一个基本的应用程序,它会在我们浏览器中输出 "Hello World!"。
添加 Stripe 支付处理程序
下一步,我们需要在我们的应用程序中添加 Stripe API。我们将使用 Stripe 的 "checkout" 功能来处理支付。
打开 "index.js" 文件并输入以下内容:
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ---------------- -- ----- ----- ------ - ------------------------------- ---------------------------------- ------------------------ ---------------------------------- ----- ----- ---- -- - ----- - ------- -------- - - --------- ----- ------------- - ----- ------------------------------ ------- --------- --- ---------- ------------- --------------------------- --- --- ---------------- -- -- - ---------------- --------- -- --------------------------- ---
在上面的代码中,我们创建了一个 POST 请求来处理创建付款意图的请求。Stripe 的 "create" 方法会创建一个客户端密钥,该密钥用于构建 Stripe 的 "checkout" 界面。
注意:必须将 "<api-key>" 替换为 Stripe 帐户的 API 密钥值。
现在,我们还需要在 "public" 目录中创建一个 HTML 文件,用于处理 Stripe 的 "checkout" 界面。
假设我们已经在 "public" 目录中创建了一个名为 "checkout.html" 的 HTML 文件,该文件将包含以下内容:
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------------------- ------- ----------------------------------------- ------- ------ ------- ---------------------------------- -------- ----- -------------- - --------------------------------------- ---------------------------------------- ----- -- -- - ----- - ------------ - - ----- ------------------------------- - ------- ------- -------- - --------------- ------------------ -- ----- ---------------- ------- ---- --------- ----- -- ------------ -- ------------- ----- ------ - -------------------- ----- - ----- - - ----- --------------------------------------- - --------------- - ----- - ------- ------------------- ---------- --- --------- ----- ---- ----- - - --- -- ------- - -------------- --------- - ---- - -------------- ------------- - --- --------- ------- -------
运行应用程序
现在,我们已经准备好将应用程序运行起来了。在终端中进入 "payment" 目录,运行下面这个命令:
node index.js
然后,在你的浏览器中访问 "http://localhost:3000/checkout.html",你应该能够看到一个 "Checkout" 按钮,点击后即可进入付款流程。
总结
在本文中,我们介绍了如何使用 Stripe API 和 Express.js 来创建自己的付款系统。在这个过程中,我们学习了如何使用 Stripe 的付款处理程序、在 Node.js 中安装 Stripe 模块、创建 Express.js 应用程序、处理 Stripe 的客户端密钥等等。希望本文能够帮助你快速入门 Stripe API 和 Express.js,开始构建你自己的付款系统。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6461fc99968c7c53b0351fe3