将 Express.js 应用部署到 Heroku:从零开始的教程

阅读时长 4 分钟读完

Heroku 是一个广受欢迎的云平台,可以轻松地托管您的 Web 应用程序。这篇文章将向您展示如何将 Express.js 应用程序部署到 Heroku 上,并提供深入学习和指导意义。

准备工作

在开始之前,请确保已经安装了以下工具和软件:

创建 Express.js 应用

首先,让我们创建一个名为 my-express-app 的新的 Express.js 应用程序。打开终端并执行以下命令:

现在,在 index.js 文件中添加以下代码:

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

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

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

运行以下命令启动应用程序:

现在,在浏览器中打开 http://localhost:3000/,您应该能够看到 "Hello World!" 的消息。

使用 Git 进行版本控制

接下来,我们将使用 Git 进行版本控制,并推送到 GitHub。打开终端并执行以下命令:

创建一个 GitHub 存储库(https://github.com/new),将其克隆到本地,并将代码推送到存储库中:

部署到 Heroku

现在,我们可以部署应用程序到 Heroku 平台。首先,在控制台上登录您的 Heroku 帐户:

接下来,我们需要创建一个新的 Heroku 应用程序:

此命令将为您分配一个唯一的 URL。要将您的代码部署到 Heroku,请执行以下命令:

当部署完成后,您可以在浏览器中访问分配给您的 URL,就像这样:https://my-express-app.herokuapp.com/。您应该能够看到与在本地运行时相同的 "Hello World!" 消息。

添加更多功能

现在,您已经将 Express.js 应用程序成功部署到了 Heroku 上。但是,您可以通过添加更多功能来进一步完善该应用程序。

例如,您可以添加一个 /about 路径,并在页面中呈现一个简单的信息页面。将以下代码添加到 index.js 文件中:

您还可以在应用程序中使用其他 npm 模块和中间件,以实现更丰富的功能。

结论

通过本文的学习,您应该已经了解了如何将 Express.js 应用程序部署到 Heroku 上,并拥有更多进一步完善应用程序的能力。希望这篇文章有助于您深入学习和理解前端技术的相关知识。

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

纠错
反馈