因此,我花了几个月的时间来学习React,现在已经创建了一个React应用,该应用可以使用本地主机名localhost:3000在我的本地计算机上很好地运行。但是现在有一个大问题:我如何部署该应用程序,以便它可以在Internet上访问,以供所有人查看。以前,我在一家网络酒店上可以放置一些php文件。但是我如何将react应用程序放在该网络酒店上。还是我需要普通网络酒店无法处理的其他服务。
感谢您的帮助
/ Simon:-)
答案 0 :(得分:0)
简而言之,只需运行npm run build
或yarn build
command,然后脚本尝试创建js文件,CSS文件和HTML文件,您所有的文件都可以从{ {1}}文件夹。因此,只需将构建文件夹及其中的所有内容复制到服务器,例如将其上传到Heroku或AWS
答案 1 :(得分:0)
有很多不错的选择来推出您的第一个React应用程序。一旦在GitHub上构建并托管了它,就可以使用一些免费选项来部署静态网站(只要您的应用程序满足此要求)。我建议签出GitHub Pages(https://pages.github.com/)或Netlify(https://www.netlify.com/);他们为您提供了直接从存储库进行部署的工具。
答案 2 :(得分:0)
首先,您应该创建构建。使用“ npm run build”,或者如果您正在使用yarn,则使用“ yarn build”命令。 之后,您将在应用程序中看到带有html文件静态文件夹的build文件夹。
您可以使用计算机中的任何本地服务器进行测试。您可以使用以下chrome扩展程序在本地部署应用。只需将您的构建文件夹导入此扩展程序中即可。 Web server for chrome
答案 3 :(得分:0)
谢谢基思!
我使用“ Github页面”来部署我的React应用,这非常简单。我在YouTube上找到了一个简短的5分钟简短教程:“ https://www.youtube.com/watch?v=1Y-PqBH-htk”。这是我的方法:
将此行添加到我的package.json文件中的顶层: “主页”:“ https://zimon42.github.io/helloworld” (zimon42是您在Github上的用户名。helloworld是您的存储库的名称)
通过运行以下命令安装了所谓的Github页面模块: npm install-保存gh-pages
将以下两行添加到我的package.json文件中的脚本下: “ predeploy”:“ npm run build”, “ deploy”:“ gh-pages -d build”
已将所有内容提交并推送到Git(不知道此步骤是否必要)
通过运行来部署应用程序 npm运行deploy
现在,只需检查https://zimon42.github.io/helloworld处的挂钉即可。 (对我来说,更改生效之前有一个延迟。)
我的路线也无效。有一个空白页。但是看到了这段视频:https://www.youtube.com/watch?v=7yA7BGos2KQ&t=114s,它描述了使用HashRoutes代替,然后它起作用了!
/ Simon:-)