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

Heroku 是一个云平台，它提供了很多支持包括 Node.js 在内的多种编程语言的部署和托管服务。相比于其他云服务，Heroku 的部署方式是非常简单直接地，因此成为很多前端开发工程师进行部署的首选。

在本文中，我们将介绍如何将一个 Express.js 应用程序部署到 Heroku 上。

创建 Express.js 应用程序

我们首先需要创建一个 Express.js 应用程序，以便在 Heroku 上部署。我们可以使用 Express 应用程序生成器来快速生成一个示例代码：

$ npm install express-generator -g
$ express myapp

$ cd myapp
$ npm install
$ npm start

创建完毕之后，我们可以通过访问 http://localhost:3000 来查看运行效果。

准备 Heroku 环境

在部署之前，需要完成对 Heroku 环境的配置。

1. 注册 Heroku 账户：访问 Heroku 官网 完成账号注册，并且创建一个新的应用程序。

2. 安装 Heroku CLI：在完成 Heroku 账户注册之后，需要安装 Heroku CLI 方便我们使用 Heroku 客户端。

$ curl https://cli-assets.heroku.com/install.sh | sh

1. 创建 Heroku 应用：使用 Heroku CLI 创建 Heroku 应用。

$ heroku create appname

其中 appname 是你的应用程序的名称，创建成功后 Heroku CLI 会提示相应的信息。

部署应用程序

准备好 Heroku 应用程序环境之后，我们就可以开始部署应用程序了。以下是具体步骤：

1. 创建项目的根目录。

2. 在根目录下创建一个 package.json 文件并且添加如下代码：

{
  "name": "myapp",
  "version": "1.1.0",
  "description": "My App",
  "main": "app.js",
  "scripts": {
    "start": "node app.js"
  },
  "author": "Your Name",
  "dependencies": {
    "express": "~4.16.1"
  }
}

这段代码定义了你的应用程序的名称、版本、入口文件等信息以及所依赖的 Express.js 库。

1. 在根目录下创建一个名为 Procfile 的文件，然后在其中添加以下命令：

web: node app.js

这样，当你在 Heroku 上运行你的应用程序时，它会启动应用程序并且监听 HTTP 请求。

1. 将代码推送到 Heroku Git 保存库。使用如下命令：

$ git init
$ heroku git:remote -a appname
$ git add .
$ git commit -m "Initial commit"
$ git push heroku master

其中，appname 替换成你的应用程序名称。

1. 启动服务器：

$ heroku open

这个命令会在浏览器窗口打开你的应用程序。

至此，你的 Express.js 应用程序已经成功部署到 Heroku 上了。

总结

以上就是将 Express.js 应用部署到 Heroku 上的过程。在过程中，我们需要先创建一个 Express.js 应用程序，然后根据 Heroku 的要求完成应用程序环境的设置，最后将代码推送到 Heroku Git 保存库即可。

部署到 Heroku 不仅仅在于简单的部署过程，更重要的是 Heroku 提供的一系列服务和支持，使得我们可以专注于开发我们的应用程序而无需关注与服务器的运维问题。

示例代码：https://github.com/muzi0828/express-heroku

希望这篇文章能够帮助到大家，祝大家在 Heroku 上部署成功。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6590d5f1eb4cecbf2d61b68a