Heroku 是一个广受欢迎的云平台，可以轻松地托管您的 Web 应用程序。这篇文章将向您展示如何将 Express.js 应用程序部署到 Heroku 上，并提供深入学习和指导意义。
准备工作
在开始之前，请确保已经安装了以下工具和软件：
- Node.js 和 NPM（https://nodejs.org/）
- Git（https://git-scm.com/）
- Heroku CLI（https://devcenter.heroku.com/articles/heroku-cli）
创建 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