如何使用 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，在我看來它真的很容易使用。

取決於你想要達到的目標。