部署reactjs应用程序的一些方法是什么



因此,我花了几个月的时间学习react,现在已经创建了一个react应用程序,该应用程序使用网址localhost:3000在本地计算机上运行良好。但现在的大问题是:我如何部署该应用程序,使其能够在互联网上访问,让每个人都能看到。以前我在一家网络酒店里有一个地方,在那里我可以托管一些php文件。但是我该如何将react应用程序放在那家网络酒店上呢。或者我需要一些普通网络酒店无法处理的其他服务。

感谢的帮助

/Simon:-(

推出第一个React应用程序有几个不错的选择。一旦它在GitHub上构建并托管,就有一些部署静态网站的免费选项(只要你的应用程序满足这一要求(。我建议查看GitHub页面(https://pages.github.com/)或Netlify(https://www.netlify.com/);它们为您提供了从存储库直接部署的工具。

简单的答案是运行npm run buildyarn build命令,然后脚本尝试创建一个js文件、一个CSS文件和一个HTML文件,所有文件都可以从build文件夹访问。所以只需将构建文件夹和其中的所有内容复制到服务器,例如上传到Heroku或AWS

首先应该创建构建。使用"npm-run-build",或者如果使用的是yarn,则使用"yarn build"命令。之后,你会看到你的应用程序中的构建文件夹有html文件静态文件夹。

您可以使用机器中的任何本地服务器进行测试。您可以使用以下chrome扩展在本地部署您的应用程序。只需在此扩展插件中导入您的生成文件夹。chrome 的Web服务器

谢谢Keith!

我使用"Github页面"来部署我的React应用程序,它非常简单。我在Youtube上找到了一个很棒的5分钟短教程:"https://www.youtube.com/watch?v=1Y-PqBH htk"。我就是这样做的:

  1. 在我的package.json文件的顶层添加了这一行:"主页":"https://zimon42.github.io/helloworld"(zimon42是你在Github上的用户名。helloworld是你的存储库名称(

  2. 通过运行以下程序安装了所谓的Github页面模块:npm安装--保存gh页

  3. 将这两行添加到我的package.json文件中,位于脚本下:"predeploy":"npm运行构建","部署":"gh页面-d构建">

  4. 提交并将所有内容推送到Git(不知道这一步是否必要(

  5. 通过运行部署应用程序npm运行部署

  6. 现在只需查看https://zimon42.github.io/helloworld.(对我来说,在更改生效之前有一段延迟。(

我的路线也不起作用。有一个空页面。但是看到了这个视频:https://www.youtube.com/watch?v=7yA7BGos2KQ&t=114s,它描述了使用HashRoutes,然后它工作了!

/Simon:-(

相关内容

最新更新