如何将 Express.js 应用程序部署到 Heroku 上?

阅读时长 3 分钟读完

前言

Heroku 是一个流行的云平台,可以轻松地将您的应用程序部署到云端。Express.js 是一个流行的 Node.js 框架,用于构建 Web 应用程序。如果您正在使用 Express.js 构建 Web 应用程序并想将其部署到 Heroku 上,那么您来到了正确的地方。本文将介绍如何将 Express.js 应用程序部署到 Heroku 上。

步骤

步骤1:创建 Express.js 应用程序

首先,我们需要创建一个 Express.js 应用程序。在此处,我们将创建一个简单的 Express.js 应用程序,该应用程序将输出“Hello World!”。

-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------

------------ ----- ---- -- -
  --------------- ---------
---

----- ---- - ---------------- -- -----
---------------- -- -- -
  ------------------- ------- -- ---- ----------
---
展开代码

步骤2:将应用程序部署到 Heroku

接下来,我们需要将该应用程序部署到 Heroku 上。我们将使用 Git 将应用程序部署到 Heroku。

首先,您需要在 Heroku 上创建一个应用程序。您可以使用 Heroku CLI 或 Heroku 网站上的控制台创建应用程序。在此处,我们将使用 Heroku 网站上的控制台创建应用程序。

  1. 在 Heroku 上创建一个新的应用程序。

  2. 在新应用程序的设置页面中,选择“Deploy”选项卡。

  3. 在“Deployment method”下,选择“GitHub”选项。

  4. 使用 GitHub 登录 Heroku,然后选择要将应用程序部署到的 GitHub 存储库。

  5. 在“Manual deploy”部分中,选择要部署的分支。

  6. 单击“Deploy Branch”按钮。

  7. Heroku 将开始部署应用程序。在部署过程中,您可以在“Activity”选项卡中查看部署的进度。

  8. 部署完成后,您可以在 Heroku 上的应用程序页面中找到应用程序的 URL。

步骤3:配置应用程序

最后,我们需要配置应用程序以在 Heroku 上正确运行。

在 Heroku 上运行的应用程序必须使用环境变量来配置。您可以使用 process.env 对象访问环境变量。在此处,我们将使用 process.env.PORT 变量来设置应用程序的端口号。

-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------

------------ ----- ---- -- -
  --------------- ---------
---

----- ---- - ---------------- -- -----
---------------- -- -- -
  ------------------- ------- -- ---- ----------
---
展开代码

结论

在本文中,我们介绍了如何将 Express.js 应用程序部署到 Heroku 上。我们通过创建一个简单的 Express.js 应用程序并将其部署到 Heroku 上来演示这一过程。我们还讨论了如何配置应用程序以在 Heroku 上正确运行。现在,您可以将您的 Express.js 应用程序部署到 Heroku 上了!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67692ea798e3e1ab1a8cfc22

纠错
反馈

纠错反馈