如何使用 Express.js 和 Stripe 创建支付系统

阅读时长 7 分钟读完

在网上购物的时候,你可能会注意到许多电商网站都使用 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 模块:

创建 Express.js 应用程序

在我们开始创建 Express.js 应用程序之前,需要先确保已经安装了 Node.js 和 Express.js。

现在,让我们来创建一个名为 "payment" 的目录,并创建一个名为 "index.js" 的文件。然后,在 "payment" 目录中运行下面这个命令来安装 Express.js 模块:

接下来,打开 "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" 目录,运行下面这个命令:

然后,在你的浏览器中访问 "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

纠错
反馈