Gatsby Cloud Unified Hosting 詳解統(tǒng)一托管架構(gòu)、gatsbyjs.io 域名遷移與構(gòu)建 URL 變化指南【免費(fèi)下載鏈接】gatsbyReact-based framework with performance, scalability, and security built in.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ga/gatsbyUnified Hosting 是 Gatsby Cloud 為所有構(gòu)建Build統(tǒng)一升級的基礎(chǔ)托管架構(gòu)以gatsbyjs.io域名作為最直觀的信號且默認(rèn)對所有構(gòu)建啟用。本文將圍繞 統(tǒng)一托管官方文檔 展開系統(tǒng)講解其背景動機(jī)、六大收益、新舊域名映射關(guān)系、URL 確定性規(guī)則并結(jié)合倉庫內(nèi) Gatsby Cloud 相關(guān)文檔與源碼資源說明該架構(gòu)如何影響重定向、反向代理、Lighthouse 審計(jì)、無服務(wù)器函數(shù)與自定義域名配置幫助你在升級后正確理解與運(yùn)維站點(diǎn)。Unified Hosting 是什么Unified Hosting 是針對 Gatsby Cloud Hosting 所做的一次基礎(chǔ)設(shè)施改進(jìn)其核心信號是部署產(chǎn)物托管在gatsbyjs.io域名之下。它默認(rèn)對所有構(gòu)建啟用無需手動配置。在此之前Gatsby 只有 Production生產(chǎn)構(gòu)建運(yùn)行在 Unified Hosting 這套基礎(chǔ)設(shè)施上升級之后Pull RequestPR構(gòu)建和 Preview預(yù)覽構(gòu)建等所有類型的構(gòu)建都統(tǒng)一遷移到了這套更快的現(xiàn)代化架構(gòu)之上——這正是 Unified統(tǒng)一一詞的含義所有基礎(chǔ)設(shè)施被統(tǒng)一到同一條更優(yōu)的托管鏈路中。在 Gatsby Cloud 托管部署指南 中可以看到啟用 Gatsby Hosting 后站點(diǎn)會獲得一個基于站點(diǎn)前綴Site Prefix的默認(rèn)域名YOUR_SITE_PREFIX.gatsbyjs.ioHTTPS 默認(rèn)開啟訪問https://default domain即可查看托管站點(diǎn)。Unified Hosting 正是這套gatsbyjs.io域名體系背后的統(tǒng)一運(yùn)行時。六大收益Unified Hosting 帶來的能力清單官方文檔明確列出了 Unified Hosting 為站點(diǎn)帶來的六項(xiàng)核心收益每一項(xiàng)都可以在倉庫的其他 Cloud 文檔中找到對應(yīng)的能力佐證Password protection密碼保護(hù)構(gòu)建產(chǎn)物可受到密碼保護(hù)用于在公開前控制訪問。這一點(diǎn)在 CMS 預(yù)覽文檔 中也有呼應(yīng)——其中提到 WordPress 的 Preview loader 不支持受密碼保護(hù)的 preview 實(shí)例說明密碼保護(hù)是統(tǒng)一托管下 preview 場景的一項(xiàng)既有能力。More accurate Lighthouse reports更準(zhǔn)確的 Lighthouse 報告托管在 CDN 上的真實(shí)產(chǎn)物環(huán)境更接近線上運(yùn)行形態(tài)。按 使用 Lighthouse 審計(jì) 的說明Lighthouse 是開源自動化工具用于審計(jì)性能、可訪問性、PWA 等指標(biāo)Gatsby Cloud 會在每次構(gòu)建時自動運(yùn)行 Lighthouse 審計(jì)因此統(tǒng)一托管讓審計(jì)結(jié)果更貼近真實(shí)生產(chǎn)環(huán)境。Faster initial page loads更快的首屏加載并運(yùn)行在 CDN 之上統(tǒng)一托管架構(gòu)自帶 CDN 分發(fā)靜態(tài)資源從邊緣節(jié)點(diǎn)就近返回顯著縮短首屏響應(yīng)時間。Better route caching for browser speed更好的路由緩存提升瀏覽器速度統(tǒng)一托管對路由級別的響應(yīng)頭與緩存策略做了統(tǒng)一優(yōu)化瀏覽器可更高效地復(fù)用緩存資源。Unlimited redirects無限重定向不再受舊托管方案下重定向數(shù)量限制的約束。關(guān)于重定向與反向代理的完整用法可參見 重定向與 Rewrites 操作指南其中覆蓋了基于createRedirect的通配符splat重定向、按國家/地區(qū)重定向、按語言Accept-Language重定向、query 參數(shù)重定向以及用靜態(tài) YAML/JSON 文件管理重定向等能力。Reverse proxy behavior反向代理行為統(tǒng)一托管支持將請求反向代理到外部站點(diǎn)。在該指南的 Rewrites and reverse proxies 一節(jié)中可以看到實(shí)現(xiàn)方式在gatsby-node.js的createPages中通過createRedirect設(shè)置fromPath、外部完整 URL 的toPath與statusCode: 200即可把/docs/*之類的路徑代理到https://www.awesomesite.com/docs/*等外部地址讓一個站點(diǎn)在 front 聚合多個后端站點(diǎn)。同時文檔也標(biāo)注了當(dāng)前限制內(nèi)部 rewrites 僅允許一跳不能 A→B→C 鏈?zhǔn)酱怼⒋碚埱?20 秒超時、無限循環(huán)規(guī)則會被忽略。新舊域名對照從 gtsb.io 到 gatsbyjs.ioUnified Hosting 對用戶最直觀的影響是構(gòu)建 URL 的域名變化舊構(gòu)建部署在gtsb.io域新構(gòu)建統(tǒng)一部署到gatsbyjs.io域。官方給出的新舊對照如下構(gòu)建類型舊域名Unified Hosting 前新域名Unified Hosting 后Site站點(diǎn)構(gòu)建build-{UUID}.gtsb.iobuild-{UUID}.gatsbyjs.ioPull RequestPR 構(gòu)建build-{UUID}.gtsb.iobuild-{UUID}.gatsbyjs.ioPreview預(yù)覽構(gòu)建preview-{SITEPREFIX}.gtsb.iopreview-{SITEPREFIX}.gatsbyjs.io可以看到兩種域名體系下 URL 的格式完全相同只是從gtsb.io換成了gatsbyjs.io子域Site 與 Pull Request 構(gòu)建使用build-前綴加 UUIDPreview 構(gòu)建則使用preview-前綴加站點(diǎn)前綴SITEPREFIX。這套域名體系在 Gatsby Cloud 上部署 Functions 的文檔中同樣被引用部署在 Gatsby Cloud 的 Functions 在任意構(gòu)建 URL 上可用包括任何 preview URLsgstb.io域或 hosting URLsgatsbyjs.io或你的自定義域名且用戶為函數(shù)設(shè)置的Cache-Control等自定義響應(yīng)頭會在 CDN 上被傳遞并尊重。舊 URL 兼容性gtsb.io 不會失效官方 FAQ 明確承諾在 Unified Hosting 推出之前部署的任何構(gòu)建仍會繼續(xù)在gtsb.io域上正常工作。這意味著歷史鏈接、收藏夾或第三方引用的舊構(gòu)建 URL 不會失效無需為存量構(gòu)建做遷移操作只有新產(chǎn)生的構(gòu)建會落位到新域名。URL 確定性除了 UUID 一切可預(yù)測對于關(guān)心自動化與監(jiān)控的團(tuán)隊(duì)官方給出了確定性deterministic規(guī)則除了某個構(gòu)建生成的 UUID 之外URL 是確定性的。例如 Pull Request 構(gòu)建的 glob 匹配模式為build-*.gatsbyjs.io你可以用該模式批量識別、篩選或監(jiān)控 PR 構(gòu)建 URLPreview 構(gòu)建則為preview-*.gatsbyjs.io模式其中*對應(yīng)站點(diǎn)前綴。與自定義域名、重定向體系的銜接gatsbyjs.io域在統(tǒng)一托管中并非終點(diǎn)它同時也是自定義域名接入的基準(zhǔn)在 Apex 與子域名指南 中添加自定義域名時子域如www需要 CNAME 指向你的 Gatsby Hosting 默認(rèn) URL即YOUR_SITE_PREFIX.gatsbyjs.io同時 Gatsby Cloud 允許把gatsbyjs.io域 301 重定向到你的主域名避免搜索引擎索引gatsbyjs.io默認(rèn)域。自定義域名的完整接入步驟見 添加自定義域名。重定向、rewrites 與反向代理的完整參數(shù)狀態(tài)碼、通配符、國家/語言條件等見 重定向與 Rewrites 操作指南。FAQ 速查為什么要做 Unified Hosting因?yàn)榕f架構(gòu)只讓 Production 構(gòu)建享受更快的托管基礎(chǔ)設(shè)施而 Unified Hosting 將 上文列出的六大收益 帶給所有構(gòu)建類型包括 Pull Request 和 Preview 構(gòu)建。Gatsby 將全部基礎(chǔ)設(shè)施統(tǒng)一到這套更快、更現(xiàn)代化的架構(gòu)上。影響是什么主要可見變化是單個構(gòu)建的 URL 域名過去部署到gtsb.io現(xiàn)在全部部署到gatsbyjs.io。舊gtsb.ioURL 還能用嗎能。Unified Hosting 上線前部署的構(gòu)建會繼續(xù)在gtsb.io域上正常工作。新 URL 長什么樣格式不變只是托管在gatsbyjs.io的子域上Site/PR 為build-{UUID}.gatsbyjs.ioPreview 為preview-{SITEPREFIX}.gatsbyjs.io。URL 是確定性的嗎是。除每個構(gòu)建生成的 UUID 外URL 均為確定性模式例如 PR 構(gòu)建的 glob 模式為build-*.gatsbyjs.io?！久赓M(fèi)下載鏈接】gatsbyReact-based framework with performance, scalability, and security built in.項(xiàng)目地址: https://gitcode.com/gh_mirrors/ga/gatsby創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考