如何使用 GitHub 托管我的 React 应用程序？

Question

我已经创建了我的 React 项目并使用 Visual Studio Code 将完整的 repo 推送到 GitHub。 如何在 GitHub 的帮助下使我的 React 项目在服务器上运行？

Answer 1

您需要安装 GitHub Pages 包作为开发依赖项。

cd ./into/your-app-folder
npm install gh-pages --save-dev

将属性添加到 package.json 文件。

您需要在顶级主页添加第一个属性，第二个您必须将其定义为字符串，其值将为 "https://{your-username}.github.io/{repo-name}" , {repo -name} 是您创建的 GitHub 存储库的名称，它将如下所示：

"homepage": "http://joedoe.github.io/his-app"

第二个在现有的脚本属性中，您需要添加 predeploy 和 deploy。

"scripts": {
//...
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}

如果您已经将所有内容推送到 Github，那么最后一步就是部署。 一个班轮：

npm run deploy

有了这个，Github 将创建一个名为 gh-pages 的新分支，并将在线提供。 希望我能提供帮助，并会相应地工作。

如果卡住了，可以在React的官方文档上查找。 React 部署文档

在部署时，我遇到了官方文档的一些问题，我必须从“主页”属性中删除我的用户名才能使其正常工作。 虽然我建议你先按照文档做，如果你遇到问题，你可以试一试。

Answer 2

有几种选择。 取决于您想做什么，您是要为生产部署还是只是为了测试您的开发？

您有多种部署选项，例如 Heroku、Netlify、Github 页面。

我可以帮助您完成部署过程，此外您可以查看上面列出的解决方案的不同文档。

我个人建议使用 Netlify，在我看来它真的很容易使用。

取决于你想要达到的目标。