nodejs 如何从 GitHub 在 Heroku 上部署 Node.js app？

如何从 GitHub 在 Heroku 上部署 Node.js app？

原文:https://www . geesforgeks . org/如何部署-node-js-app-on-heroku-from-github/

在本文中，我们将研究如何将您的 Demo Node.js 应用程序部署到 Heroku 。在本文的最后，我们将有一个基本的 Hello World 应用程序运行在公共域上，任何人都可以访问。节点必须安装在您的计算机上。参考这篇文章如何在你的机器上安装节点。我们还将使用 Github 账户。

步骤 1 :在项目文件夹中安装 Nodemon 和 Express 模块

安装快递 模块:

npm install express

安装节点 模块:

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"
    }
}

项目结构:

app.js

java 描述语言

// 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 server on given port number
app.listen(PORT, console.log(
  `Server started on port ${PORT}`));

执行命令:

nodemon app.js

控制台输出:

浏览器输出:现在，如果我们在你的浏览器中打开 http://localhost:5000/ ，我们会看到这个:

我们刚刚创建了一个基本的 Node.js 应用程序。

部署 Node.js 应用程序

第三步:将 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 并刷新存储库，您应该能够看到您最近添加的代码。

第四步:将 Node.js 应用部署到 Heroku

在 Heroku 上创建一个免费账户
完成所有流程后，现在登录您的帐户。
点击新建应用。
打开“部署”选项卡，滚动到该选项卡的“部署方法”部分。
选择 GitHub 作为方法。它将显示一个“连接到 GitHub”选项，我们在其中添加提供我们的 GitHub 存储库。如果你是第一次这样做，Heroku 会请求允许访问你的 GitHub 账户，你必须允许。在这里，您可以搜索您的 GitHub 存储库，然后单击连接以创建连接。
之后，部署部分将显示，您可以选择拾取和部署或手动部署，单击启用自动部署。