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

阅读时长 4 分钟读完

Heroku 是一个流行的云服务平台,它支持多种编程语言和框架,并提供云端部署、托管、监控等一整套服务。本文将介绍如何使用 Heroku 部署 Express.js 应用程序,以及一些注意事项和最佳实践。

步骤一:创建 Heroku 账号

如果你还没有 Heroku 账号,可以前往 https://signup.heroku.com/ 注册一个新账号。

步骤二:安装 Heroku CLI

Heroku CLI 是 Heroku 提供的命令行工具,可以方便地管理应用程序、部署代码、查看日志等操作。安装 Heroku CLI 有多种方式,请参考官方文档 https://devcenter.heroku.com/articles/heroku-cli 进行安装。

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

这里我们以一个简单的 Express.js 应用程序为例,首先创建一个新的目录,并在该目录下执行以下命令:

在目录下创建一个名为 app.js 的文件,将以下代码粘贴进去:

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

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

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

这个应用程序非常简单,只有一个 GET 路由,用于返回一个字符串。

步骤四:创建 Heroku 应用程序

进入创建好的应用程序目录,使用 Heroku CLI 创建一个新的 Heroku 应用程序:

如果创建成功,会输出一个应用程序的 URL 和 Git 仓库 URL。

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

将代码提交到 Heroku Git 仓库:

这个命令会将当前目录下的所有文件提交到 Heroku Git 仓库,并触发一次自动部署。

步骤六:打开应用程序

在浏览器中访问应用程序的 URL,可以看到 Hello World! 字符串。

注意事项和最佳实践

1. 配置文件

Heroku 提供了一个配置文件 .env,可以用来保存应用程序所需的环境变量。在本例中,我们可以添加以下一行代码:

这个代码从环境变量 PORT 中读取端口号,如果不存在则默认使用 3000 端口。

2. Procfile 文件

在部署到 Heroku 时,我们需要指定启动应用程序的命令和参数。可以在应用程序根目录下创建一个名为 Procfile 的文件,将以下一行代码粘贴进去:

这个代码指定了启动命令为 node app.js

3. 数据库和资源

如果应用程序依赖于数据库或者其他资源,需要在 Heroku 上进行相应的配置,并将相关信息添加到 .env 文件中。Heroku 提供了多种数据库和资源的支持,包括 PostgreSQL、MongoDB、Redis、Amazon S3 等等。具体细节请参考官方文档。

总结

本文介绍了如何将 Express.js 应用程序部署到 Heroku,主要包括以下步骤:

  1. 创建 Heroku 账号
  2. 安装 Heroku CLI
  3. 创建 Express.js 应用程序
  4. 创建 Heroku 应用程序
  5. 将应用程序部署到 Heroku
  6. 打开应用程序

此外,还介绍了一些注意事项和最佳实践,希望能对读者有所启发。

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

纠错
反馈