当前位置: 首页 > 知识库问答 >
问题:

如何在GitHub页面上部署带有节点后端的react应用程序?

鲍鸿波
2023-03-14

我刚开始学习并发npm来React。
我想知道如何使用并发npm在Github页面上部署React项目。
通常在本地机器上,我们会使用服务器端package.json文件运行应用程序

“dev”:“并发”npm运行服务器“”npm运行客户端“”
在终端中>npm运行dev

我尝试用gh-pages npm在Github page上部署react应用程序,但用并发npm,
我不知道该怎么做,因为有两个package.json。
另外,我不太了解节点环境和npm运行构建

服务器端package.json:

{
 "name": "contact-keeper",
  "version": "1.0.0",
  "description": "Contact manager app",
  "main": "server.js",
  "homepage": "https://myprofile.github.io/Contact-Keeper-with-React",
"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "node server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix client",
    "clientinstall": "npm install --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\""
  },
 "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "config": "^3.1.0",
    "dotenv": "^8.0.0",
    "express": "^4.17.1",
    "express-validator": "^6.1.1",
    "jsonwebtoken": "^8.5.1",
    "mongoose": "^5.6.4"
  },
  "devDependencies": {
    "concurrently": "^4.1.1",
    "gh-pages": "^2.1.1",
    "nodemon": "^1.19.1"
  }
}

客户端服务器Package.json:

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.19.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.0.1",
    "react-transition-group": "^4.2.1",
    "uuid": "^3.3.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
 "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
    "proxy": "http://localhost:5000"
}

是否有任何关于设置环境的文档或基础知识我需要学习更多来理解这个主题?

共有1个答案

金旺
2023-03-14

Github不(完全)是一个为其他用户提供工作应用程序的服务。Github是存储代码、更新代码和管理版本的存储库。

我认为,将应用程序“并发”部署到github意味着有一种方法可以使用新版本代码更新github,同时将其在线部署到一个服务(如Heroku)。

您应该研究和理解Git(与github相对)是什么,因为它对于开发是必不可少的。在尝试部署到Heroku、AWS等服务之前,先熟练地使用git管理应用程序代码...

编辑

正如Asaf Aviv所指出的,您可以使用Github页面为Github的前端应用程序提供服务,但您仍然需要能够将本地代码上推到Github才能工作。

 类似资料:
  • 我已经从https://www.tutorialspoint.com/reactjs/reactjsjsx.htm创建了一个基本的React应用程序。这里,我想在基于Apache的服务器上运行这个测试代码,我知道我需要创建一个可分发的构建,但我不知道如何做到这一点,也找不到清晰的说明。 我在Apache服务器上看到过这篇文章React,js,但它没有什么更多的指导方针

  • 嘿,我已经尝试了几天了,我已经遍历了文档,我遵循了教程,当我试图将react应用程序部署到github页面时,我无法通过npm运行部署。我将npm称为运行构建,我将正确的url放置到package.json作为“主页”,我再次调用它并获得“部署”和“预部署”,我在节点模块中肯定有gh-pages,我的意思是我得到了所有我遵循的每一个步骤,每个教程都可以告诉我。我遇到了一个问题,内容如下: 错误:无

  • 问题内容: 我使用的是grunt插件,也使用了grunt插件(在我的应用程序中列为npm依赖项)。 另外,我不提交所有生成文件所在的文件夹和文件夹。在部署和设置服务器(已经在寻找文件夹)之后,我不知道如何构建我的应用程序(我有命令)。 我看到了类似的东西,但是在上传之前提交似乎是个坏主意。也许有一些温柔的决定…有什么想法吗? 问题答案: npm支持某个步骤(在其他步骤中),这可能正是您想要的。 当

  • 我按照本教程使用aws Corda AMI在aws上部署节点。 但在注册步骤之后, (< code > Java-jar corda . jar initial-registration-p PASSWORD _ FOR _ NETWORK _ ROOT _ TRUSTORE ), 它抛出此错误: [错误]10:14:31 0000[主]内部。NodeStartupLogging.invoke -

  • 我正在学习如何用react和spring boot制作一个webapp,我正在IntelliJ中工作 到目前为止,我有一个小的后端和前端组合,其中有1个页面,一个api调用,从前端来看如下所示 当我在ide中使用spring configuration和tomcat config测试它时,一切正常,我的代码在react和spring上都能按照我的要求工作 但是,当我构建war文件并将其直接部署到t