如何将 Express.js 应用程序部署到 Heroku 上-JavaScript中文网-JavaScript教程资源分享门户

前言

随着前端技术的不断发展和社区的不断完善，越来越多的开发者选择使用 Express.js 来构建后端应用程序；而 Heroku 则是一款强大的云端平台，可以帮助开发者快速部署和扩展应用程序。因此，将 Express.js 应用程序部署到 Heroku 上，成为前端工作中的常见需求。本文将详细介绍如何使用 Heroku 部署 Express.js 应用程序，并提供详细的步骤和示例代码。

前提条件

在正式开始部署前，我们需要先满足以下条件：

已经注册并登录了 Heroku 帐号；
安装了 Git 和 Node.js；
了解基本的命令行操作。

步骤

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

首先，我们需要创建一个 Express.js 应用程序。请确保在本地或者私人 Git 仓库中有这个应用程序的代码。

步骤 2：准备 Heroku 环境

在开始部署之前，我们需要为 Heroku 配置一些必要的环境。

安装 Heroku CLI

首先，我们需要安装 Heroku CLI。Heroku CLI 是一个命令行界面，可以让我们管理应用程序和 Heroku 资源。

打开终端，输入以下命令，安装 Heroku CLI：

$ npm install -g heroku

创建 Heroku 应用

成功安装 Heroku CLI 后，在终端中输入以下命令，创建 Heroku 应用：

$ heroku create

此命令会自动生成一个随机的应用名称，并将应用程序的代码推送到 Heroku Git 仓库中。我们可以在 Heroku 的网站上访问这个应用。

如果你想选择自己的应用名称，可以在命令末尾传入一个 --app 参数：

$ heroku create --app my-app-name

这里，my-app-name 就是你想要创建的应用名称。

配置 Heroku 环境变量

除了创建应用程序外，我们还需要配置一些环境变量，以便 Heroku 能够正确地运行我们的应用程序。我们可以通过 Heroku 网站或者 CLI 来进行配置。

这里，我们可以通过以下命令，将我们应用程序所需的环境变量添加到 Heroku：

$ heroku config:set ENV_VAR_NAME=env-var-value

其中，ENV_VAR_NAME 是我们要设置的环境变量名称，env-var-value 是环境变量的值。

步骤 3：部署应用程序

现在，我们已经准备好所有必要的环境了。接下来，我们可以通过 Git 将我们的应用程序推送到 Heroku 服务器。首先，需要在本地终端中进入应用程序所在的文件夹：

$ cd /path/to/your/app

然后，执行以下命令，将应用程序推送到 Heroku Git 仓库：

$ git push heroku master

这个命令会在 Heroku 上创建一个新的应用程序，并将我们的代码部署到这个应用程序中。之后，我们可以通过以下命令，启动并运行应用程序：

$ heroku ps:scale web=1

这个命令会在 Heroku 上启动一个名为 web 的进程，以便我们能够对该进程进行运行和管理。

步骤 4：检查应用程序状态

现在，我们的应用程序已经部署到 Heroku 平台上了。我们可以通过以下命令，检查其状态：

$ heroku logs --tail

此命令会在终端中打印出 Heroku 应用程序的日志。通过查看日志，我们可以检查应用程序的健康状况，并排除不出问题的环节。

步骤 5：完成 Heroku 应用程序部署

现在，我们已经学习了如何将 Express.js 应用程序部署到 Heroku 上，并成功地进行了部署。如果一切顺利，我们将能够通过 Heroku 网站或者应用程序中提供的 URL，访问和使用这个应用程序。

示例代码

为了更好地理解和应用本文中提到的部署操作，这里提供一份示例代码：

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(port, () => console.log(`Example app listening at http://localhost:${port}`))

这是一个最基本的 Express.js 应用程序，它会在本地电脑上开启一个运行端口，当我们在浏览器中访问该端口时，会显示 Hello World!。

结语

本文详细介绍了如何将 Express.js 应用程序部署到 Heroku 上，并提供了详细的操作步骤和示例代码。希望这篇文章能够帮助您成功地将应用程序部署到 Heroku 平台上。如果还有任何疑问，请留言并随时和我们联系。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67cff736e46428fe9ec56fe1

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

前言