在本文中,我们将研究如何将您的 Demo Node.js 应用程序部署到Heroku 。在本文的最后,我们将有一个基本的 Hello World 应用程序运行在任何人都可以访问的公共域上。该节点必须安装在您的机器上。参考这篇文章如何在你的机器上安装 Node。我们也将使用Github帐户。
第一步:在项目文件夹中安装Nodemon和Express Module
安装express模块:
npm install express
安装nodemon模块:
npm install nodemon
第 2 步:使用 npm init 命令在项目文件夹中创建 package.json 文件:
这两个命令分别对于在 Node.js 应用程序中进行更改后运行和动态运行代码很重要。
"start": "node app.js",
"dev": "nodemon app.js"
package.json 文件的配置
{
"name": "demoapp",
"version": "1.0.0",
"description": "",
"main": "app.js",
"scripts": {
"start": "node app.js",
"dev": "nodemon app.js"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.17.1",
"nodemon": "^2.0.6"
}
}
项目结构:
应用程序.js
Javascript
// Importing express module
const express = require('express');
const app = express();
// Getting Request
app.get('/', (req, res) => {
// Sending the response
res.send('Hello World!')
// Ending the response
res.end()
})
// Establishing the port
const PORT = process.env.PORT ||5000;
// Executing the sever on given port number
app.listen(PORT, console.log(
`Server started on port ${PORT}`));
执行命令:
nodemon app.js
控制台输出:
浏览器输出:现在,如果我们在浏览器中打开 http://localhost:5000/ ,我们将看到:
我们刚刚创建了一个基本的Node.js应用程序。
部署 Node.js 应用
第 3 步:将 Node.js 应用程序推送到 GitHub:通过单击选项卡上的新建存储库在 GitHub 上创建一个新存储库。 GitHub 将创建一个存储库,并给出一些克隆项目的说明。
在命令提示符下,运行以下命令将您的项目推送到新的存储库。
git init
git add .
git commit -m “first commit”
git push — set-upstream origin master
git remote add origin https://github.com/pallavisharma26/DemoApp
git push — set-upstream origin master
- 现在,如果您打开 GitHub 并刷新存储库,您应该能够看到您最近添加的代码。
第 4 步:将 Node.js 应用程序部署到 Heroku
- 在 Heroku 上创建一个免费帐户
- 完成所有过程后,现在登录到您的帐户。
- 单击“创建新应用程序”。
- 打开部署选项卡并滚动到选项卡的“部署方法”部分。
- 选择 GitHub 作为方法。它将显示“连接到 GitHub”选项,我们在其中添加提供我们的 GitHub 存储库。如果您是第一次这样做,Heroku 会要求您访问您的 GitHub 帐户的权限,您必须允许。在这里,您可以搜索您的GitHub存储库并单击连接以创建连接。
- 之后,将显示部署部分,您可以在其中选择拾取并部署或手动部署,单击启用自动部署。
现在我们必须告诉 Heroku 我们的应用程序是一个 NodeJS 应用程序。 - 打开设置选项卡向下滚动并单击“添加 buildpack” 。
- 从选项中选择 NodeJS 并单击Save changes 。现在,返回到 Deploy 选项卡,然后单击底部的Deploy Branch。
- Heroku 将获取代码并托管它。打开“活动”选项卡,您可以在那里看到进度:
- 现在打开设置选项卡滚动并查找域。如果我们复制粘贴并在浏览器中运行,我们可以看到一个 URL,我们可以看到我们的Deployed App 。
这是一个简单的应用程序,我们可以在 Heroku 上部署任何高级项目,而无需在我们的桌面或机器上安装它。