Firebase Hosting

Firebase Hosting 可為您的網頁應用程式提供快速又安全的託管服務。

Firebase Hosting 是專為開發人員設計的實際執行環境等級網路內容代管服務。只要一個指令,即可快速將網路應用程式部署到全球 CDN (內容傳遞聯播網)。

雖然 Firebase Hosting 專為靜態和單頁網頁應用程式最佳化,但您也可以Firebase HostingCloud FunctionsCloud Run 配對,在 Firebase 上建構及代管動態內容和微服務。

開始使用


主要功能

透過安全連線提供內容 Firebase Hosting內建零設定 SSL,因此可以持續安全遞送內容。
快速傳遞內容 您上傳的每個檔案都會以快取形式儲存在全球 CDN 邊際伺服器的固態硬碟 (SSD),並以 gzip 或 Brotli 格式提供。我們會自動為你的內容選取最佳壓縮方式。無論使用者位在哪裡,都能快速傳遞內容。
先模擬並分享變更,再正式發布

在本地代管的網址上查看及測試變更,並與模擬後端互動。

使用臨時預覽網址與隊友分享變更。 Hosting 也提供 GitHub 整合功能,方便您輕鬆疊代預覽內容。

單一指令即可部署新版本

只要使用 Firebase CLI,就能在幾秒鐘內啟動並執行您的應用程式。您可以使用指令列工具,將部署目標新增到建構程序中。

如要復原部署作業,Hosting 提供一鍵式復原功能。

運作原理

無論您要部署簡單的應用程式到達網頁,還是複雜的漸進式網頁應用程式 (PWA),Hosting 都能提供專為部署及管理網站和應用程式設計的基礎架構、功能和工具。

使用 Firebase CLI,將電腦本機目錄中的檔案部署到 Hosting 伺服器。除了提供靜態內容,您還可以使用 Cloud Functions for FirebaseCloud Run,在網站上提供動態內容和託管微服務。所有內容都會透過全球 CDN 上距離最近的邊緣伺服器,以 SSL 連線提供。

您也可以先查看及測試變更,再正式發布。使用 Firebase Local Emulator Suite,您可以在本機託管的網址模擬應用程式和後端資源。您也可以透過臨時預覽網址分享變更,並設定 GitHub 整合,在開發期間輕鬆進行疊代。

Firebase Hosting 提供輕量級的代管設定選項,方便您建構進階 PWA。您可以輕鬆為用戶端路由重寫網址、設定自訂標頭,甚至提供本地化內容。

Firebase 提供多種網域和子網域選項,方便您放送內容:

  • 根據預設,每個 Firebase 專案在 web.appfirebaseapp.com 網域中都有免付費的子網域。這兩個網站提供相同的已部署內容和設定。

  • 如果您有相關網站和應用程式提供不同內容,但仍共用相同的 Firebase 專案資源 (例如網誌、管理面板和公開應用程式),可以建立多個網站

  • 您可以將自有網域名稱連結至 Firebase 代管網站。

Firebase 會自動為所有網域佈建 SSL 憑證,確保所有內容都能安全無虞地傳輸。

實作路徑

安裝 Firebase CLI 使用 Firebase CLI 即可輕鬆設定新的 Hosting 專案、執行本機開發伺服器,以及部署內容。
設定專案目錄

將靜態資產新增至本機專案目錄,然後執行 firebase init,將目錄連結至 Firebase 專案。

在您的本機專案目錄中,您也可以為動態內容和微服務設定 Cloud FunctionsCloud Run

先查看、測試及分享變更,然後再發布 (選用)

執行 firebase emulators:start,在本地代管的網址模擬 Hosting 和後端專案資源。

如要透過臨時預覽網址查看及分享變更,請執行 firebase hosting:channel:deploy 建立並部署至預覽管道。設定 GitHub 整合,輕鬆疊代預覽內容。

部署網站 確認一切正常後,請執行 firebase deploy,將最新快照上傳至我們的伺服器。如要復原部署作業,只要在 Firebase 控制台中按一下即可。
連結至 Firebase 網頁應用程式 (選用) 將網站連結至 Firebase 網頁應用程式後,您可以使用 Google Analytics 收集應用程式的使用情況和行為資料,並使用 Firebase Performance Monitoring 深入瞭解應用程式的效能特徵。

後續步驟