在现代 web 应用程序的开发中,Express.js 是一个非常流行的 Node.js 框架,可以帮助我们快速构建高效快速的 web 应用程序。然而,在我们开发完毕应用程序之后,部署到云端服务器是一个必要的步骤。Heroku 是一个流行的云托管平台,它可以方便地将应用程序部署到云端服务器上。本文将介绍如何将 Express.js 应用程序部署到 Heroku 中,并给出实例代码。
目录
- 准备工作
- 创建 Heroku 应用程序
- 部署 Express.js 应用程序
- 总结
准备工作
在开始部署之前,你需要准备以下工作:
- 确保你的应用程序已经成功本地运行;
- 安装 Heroku CLI;
- 了解 Git 基础知识;
- 确定你的应用程序能够成功运行在 Heroku 的 Node.js 运行环境中。
创建 Heroku 应用程序
首先,我们需要创建一个 Heroku 应用程序,可以使用以下命令:
$ heroku create
执行成功之后,会返回如下信息:
Creating app... done, ⬢ mysterious-lowlands-12345 https://mysterious-lowlands-12345.herokuapp.com/ | https://git.heroku.com/mysterious-lowlands-12345.git
其中 mysterious-lowlands-12345
是你的应用程序在 Heroku 中的名称。
部署 Express.js 应用程序
接下来,我们需要将我们的 Express.js 应用程序部署到 Heroku 中。这里我们以一个非常简单的 Express.js 应用程序为例:
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ------------ ----- ---- -- - --------------- -------- -- --------------------------- -- ----- -- -- - -------------------- --- --------- -- ---- ------- --
以及一个 Procfile
文件:
web: npm start
在这个应用程序中,我们监听 PORT
变量或默认端口 3000
,监听到请求之后,返回 Hello World!
。将这些文件推送到 Heroku 服务中:
在应用程序根目录下,运行以下命令:
$ git init $ heroku git:remote -a mysterious-lowlands-12345
其中
mysterious-lowlands-12345
是你的 Heroku 应用程序名称,这一步操作指定你的 Git 代码库的远程目标,即部署到 Heroku 上。将你的代码推送到 Heroku:
$ git add . $ git commit -am "make it better" $ git push heroku master
这里,
master
是你的 Git 分支名称。
在执行上述命令之后,你的应用程序即会被上传到 Heroku 平台并自动构建和部署,稍等片刻后,你即可通过 https://mysterious-lowlands-12345.herokuapp.com/
访问你的在线应用程序。
总结
本文介绍了如何将 Express.js 应用程序部署到 Heroku 上,其中包括了准备工作、创建 Heroku 应用程序和部署 Express.js 应用程序的详细步骤。通过本文的学习,你可以掌握如何将你的 Express.js 应用程序部署到云服务器中的基本方法,并可以在实际的开发中使用该技术。如果你想要深入学习,可以进一步了解 Heroku 平台的更多使用方法和高级特性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/645319ab968c7c53b0789e55