一切都準(zhǔn)備好構(gòu)建應(yīng)用程序但不確定是否部署它？我們知道如此接近卻被卡住的感覺。但您不必?fù)?dān)心！我們來這里是為了什么？

我們有一個關(guān)于如何使用 Github在 Netlify 上部署 React 應(yīng)用程序的教程。還沒試過？交給我們吧！只需遵循此分步指南并開始與我們一起實施。

為什么選擇 Netlify？

在開始我們關(guān)于如何使用 github在 netlify 上部署 React 應(yīng)用程序的教程之前。以下是使用 netlify 的一些優(yōu)點。

• 在幾秒鐘內(nèi)部署應(yīng)用程序

• 簡單明了

• 提供持續(xù)部署，這意味著只要有新的提交，網(wǎng)站就會立即更新

• 網(wǎng)站永不宕機

• 只需單擊一下即可輕松回滾

• 提供快速預(yù)覽

現(xiàn)在，讓我們開始執(zhí)行這些步驟。

在構(gòu)建和部署 ReactJS 應(yīng)用程序時遇到問題？
Bacancy：拯救！聯(lián)系我們，我們是一流的ReactJS 開發(fā)公司，聘請具有出色解決問題能力和架構(gòu)知識的 React 開發(fā)人員。

步驟：使用 Github 在 Netlify 上部署 React App

按照以下步驟使用 Github 在 Netlify 上部署 React 應(yīng)用程序。

創(chuàng)建反應(yīng)應(yīng)用程序

使用以下命令創(chuàng)建一個 reactJS 應(yīng)用程序。

npx create-react-app netlify-deployment-democd netlify-部署演示

使用以下命令運行您的應(yīng)用程序。

npm 開始

創(chuàng)建演示應(yīng)用程序后，將您的應(yīng)用程序上傳到Github。

登錄 Netlify 帳戶

訪問Netlify并使用 Github 登錄您的帳戶，如下圖所示。

要在 Github 的幫助下授權(quán) Netflify，請單擊Authorize Netlify。

成功授權(quán)后，您將被重定向到部署頁面，如下面的屏幕截圖所示。您可以直接從 Git、使用模板或手動上傳來部署應(yīng)用程序。單擊從 Git 導(dǎo)入按鈕。

從 Github 導(dǎo)入項目

要導(dǎo)入現(xiàn)有項目，第一步是連接到 Git Provider。

下一步是選擇一個存儲庫。選擇用于部署它的 github 存儲庫。

選擇存儲庫后，請設(shè)置Site Settings。如下圖，按要求填寫信息。從要部署的下拉菜單中選擇分支（此處為master分支）。使用構(gòu)建命令“npm run build”和公共目錄作為構(gòu)建（使用構(gòu)建命令創(chuàng)建）。單擊“部署站點”按鈕。

注意：您可以根據(jù)需要更改此設(shè)置。

單擊按鈕Deploy Site后，您的站點將被部署，鏈接由 Netlify 生成。

所以，就是這樣！簡單明了，不是嗎？開始構(gòu)建您的 React 應(yīng)用程序，并通過幾個步驟將其部署到 Netfliy 上。

結(jié)論

（言鼎科技）專做軟件開發(fā),微信小程序,網(wǎng)站開發(fā),軟件外包,手機APP開發(fā)，歡迎資訊！