不同的 React 應用程序需要根據(jù)它們的情況進行不同的部署設置。在當今世界，有大量可用的托管平臺。
不同的 React 應用程序需要根據(jù)它們的情況進行不同的部署設置。在當今世界，有大量可用的托管平臺。本文將幫助您了解市場和您的要求。
一旦您準備好從開發(fā)過渡到部署，此選擇是您接近發(fā)布日期的重要一步。
選擇部署提供商有很多限制，例如安全性和無服務器。
基本注意事項
在討論可用的各種選項之前，讓我們首先對您構建的 React 或 Vue Js 應用程序進行分類，以便我們可以選擇平臺提供的特定服務。
價錢
當然，最大的問題之一是選擇選項時的價格。從免費部署選項開始，根據(jù)應用類別提供許多選項。
您可以在可用平臺上免費部署 SPA-s。
數(shù)據(jù)服務（出站）
服務器提供商必須為向網(wǎng)站提出的請求提供服務。存在計算成本以及發(fā)送數(shù)據(jù)的成本。在大多數(shù)情況下，入站數(shù)據(jù)是免費的或有一點成本，而出站數(shù)據(jù)/GB 有與之相關的成本。
不同的層級基于出站數(shù)據(jù)限制。
無服務器
隨著邊緣功能無服務器計算的興起，此功能已成為選擇服務時的重要考慮因素。
無服務器功能使整個應用程序具有極高的性能。它們通常是項目不可或缺的一部分，迫使客戶選擇允許此功能的產(chǎn)品。雖然貴，但是值得！
表現(xiàn)
從根本上說，您總是想要提供最快的服務。響應時間、請求時間和加載時間有助于性能。UI/UX 研究表明，加載時間對于用戶保留和減少反彈點擊至關重要。
因此，性能是最終用戶的一個重要方面。優(yōu)化性能至關重要。
管理和工作流程
開發(fā)不是免費的。這需要時間、技能和大量資金的投入。管理廣泛的獨立動態(tài)服務（如 AWS 服務器、安全性、CI/CD 管道等）等問題都是繁瑣的任務。
大多數(shù)項目/公司不能放棄這種努力來開發(fā)和管理一個廣泛的系統(tǒng)。因此，最好由托管服務提供商自己處理管理。這樣，產(chǎn)品可以在考慮預算的情況下快速發(fā)貨！
類別
根據(jù)制作的 react-Apps 的類別，有不同的托管選項可用。以下是可用托管選項的主要類別和全面展望。
SPA——單頁應用
SPA 是最常見的 React 應用程序的一種形式。它由單個頁面組成，可以在部署到托管之前直接預構建。這包括市場應用程序、個人博客、表單應用程序和信息站點。等等。
這里的關鍵是應用程序中的所有內(nèi)容在部署之前都是固定的，并且沒有動態(tài)頁面（盡管內(nèi)容可以是動態(tài)的）。您始終可以預先構建它們。
SPA 可以輕松免費部署，直到您在這些平臺上達到閾值限制 -?
- Render
- Surge
- Vercel (for non-commercial)
- GitHub Pages
- Heroku (for non-commercial)
此外，如果您有一個動態(tài)頁面站點，您可以嘗試配置其設置以使其成為客戶端渲染應用程序。但是，這將大大降低性能并降低 seo 兼容性。
SPA 是一個很好的起點。您可以隨時切換到服務器端應用程序。
服務器端 Nodejs React-apps
Server-Side是 React 應用的第二次。當您使用服務器端道具時，每個請求都會生成 html。您還可以在構建時使用靜態(tài)道具靜態(tài)生成網(wǎng)站。
該服務器管理前端請求，因此可以直接在頁面請求時提供元標記、服務器端身份驗證和 SEO 優(yōu)化等動態(tài)頁面屬性。
因此，當您查看頁面源時，您可以查看所有這些信息。
NodeJS 應用程序是一種簡單的方法，需要開發(fā)人員編寫許多選項，例如緩存、圖像優(yōu)化等。
這是 React-App 的高級形式，直接的 NodeJS 服務器提供者可以幫助您進行設置。您將不得不購買一個服務器實例來運行它。
預制選項
這些是這個領域流行的服務提供商——?
- DigitalOcean
- Heroku
舊版云提供商
Amazon AWS、Microsoft Azure 和 google GCP 具有按使用付費的選項來促進這種類型的服務器。
但是，這需要高級安全性和更多開發(fā)人員的努力來設置。如果您知道自己在做什么或已經(jīng)在很大程度上成長，則可以使用它，在這種情況下使用它們提供的規(guī)模至關重要。
NextJS 應用程序
在 NextJS React 應用程序中，等式的服務器端部分由非常流行的 NextJS 庫處理。它在開發(fā)人員友好的環(huán)境中提供所有 SSR 功能、無服務器功能。
您可以將 Nextjs 應用程序部署到 Nextjs 的創(chuàng)建者 Vercel。
或者您可以使用 AWS。NextJS 在使用 AWS 進行部署時具有自動檢測選項。
Vercel，起價 20 美元/pm，包含所有 NextJS 功能，包括優(yōu)化的緩存服務、無服務器功能和GitHub集成 CI/CD 管道，并提供 1TB 的出站數(shù)據(jù)。如果這不能滿足您的需求，您可以切換到企業(yè)計劃。
由于 NextJS 被全球接受，許多其他托管服務提供商也能夠托管具有不同配置的 NextJS 應用程序——
- Netlify（起價 25 美元）
- DigitalOcean（應用程序起價 20 美元）
使用 AWS 放大
Amazon AWS amplify 從一開始就提供托管 NextJS 應用程序的服務。 在此處的文檔中了解更多信息。
結論
在選擇托管網(wǎng)站時，有多種選擇和考慮因素——從免費托管到完全可定制的按使用付費服務。如果您要從一個選項切換到另一個選項，請務必讓您的用戶保持最新狀態(tài)。
反應（JAVAScript 庫）
DZone 貢獻者表達的意見是他們自己的。
