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

阅读时长 4 分钟读完

Heroku 是一个云平台,可以让开发者轻松地部署、管理和扩展应用程序。如果你正在使用 Express.js 构建你的 Web 应用程序,那么将其部署到 Heroku 上是一个不错的选择。本文将详细介绍如何将 Express.js 应用程序部署到 Heroku 上,包括如何创建 Heroku 应用程序、如何准备你的应用程序以进行部署、如何将应用程序部署到 Heroku 并进行测试等。

准备工作

在开始部署之前,你需要完成以下准备工作:

  1. 注册 Heroku 账户并安装 Heroku CLI:如果你还没有 Heroku 账户,请前往 Heroku 官网 注册一个账户。然后,按照 这个链接 的指示安装 Heroku CLI。
  2. 创建 Express.js 应用程序:如果你还没有 Express.js 应用程序,请按照 这个教程 的指示创建一个应用程序。

创建 Heroku 应用程序

完成了准备工作之后,你需要创建一个 Heroku 应用程序,这样你才能将你的应用程序部署到 Heroku 上。请按照以下步骤进行操作:

  1. 打开终端并登录 Heroku:在终端中输入以下命令,并按照提示输入你的 Heroku 账户信息:

  2. 进入你的 Express.js 应用程序目录:在终端中输入以下命令,并进入你的应用程序目录:

  3. 创建 Heroku 应用程序:在终端中输入以下命令,创建一个 Heroku 应用程序:

    这将创建一个默认名称的 Heroku 应用程序,并将其关联到你的本地 Git 仓库。

  4. 查看你的 Heroku 应用程序 URL:在终端中输入以下命令,查看你的 Heroku 应用程序 URL:

    这将输出你的 Heroku 应用程序 URL,你可以在浏览器中访问它,以确保它正常工作。

准备应用程序以进行部署

完成了创建 Heroku 应用程序之后,你需要准备你的应用程序以进行部署。请按照以下步骤进行操作:

  1. 创建一个 Procfile 文件:在你的应用程序根目录中创建一个名为 Procfile 的文件,并在其中添加以下内容:

    这将告诉 Heroku 在启动应用程序时运行 index.js 文件。

  2. 创建一个 package.json 文件:如果你还没有 package.json 文件,请在你的应用程序根目录中运行以下命令创建它:

    然后,按照提示输入你的应用程序信息。

  3. 添加一个 start 脚本:在你的 package.json 文件中添加以下内容:

    这将告诉 Heroku 在启动应用程序时运行 index.js 文件。

  4. 安装依赖项:在你的应用程序根目录中运行以下命令安装 Express.js 依赖项:

部署应用程序到 Heroku

完成了准备工作之后,你可以将你的应用程序部署到 Heroku 上了。请按照以下步骤进行操作:

  1. 将应用程序推送到 Heroku:在终端中运行以下命令将你的应用程序推送到 Heroku:

    这将将你的应用程序推送到 Heroku 并部署它。

  2. 打开应用程序:在终端中运行以下命令打开你的应用程序:

    这将在浏览器中打开你的应用程序。

测试应用程序

完成了部署之后,你需要测试你的应用程序以确保它正常工作。请按照以下步骤进行操作:

  1. 访问你的应用程序 URL:在浏览器中访问你的应用程序 URL。

  2. 确认应用程序正常工作:如果你的应用程序正常工作,你应该能够看到它的主页,并能够执行一些操作,例如提交表单等。

结论

本文介绍了如何将 Express.js 应用程序部署到 Heroku 上,包括如何创建 Heroku 应用程序、如何准备你的应用程序以进行部署、如何将应用程序部署到 Heroku 并进行测试等。希望这篇文章对你有所帮助,让你能够轻松地将你的应用程序部署到 Heroku 上。

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

纠错
反馈