📌  相关文章
📜  如何从 GitHub 在 Heroku 上部署 Node.js 应用程序?

📅  最后修改于: 2021-10-24 12:53:49             🧑  作者: Mango

在本文中,我们将研究如何将您的 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 上部署任何高级项目,而无需在我们的桌面或机器上安装它。