Firebase 託管提供哪些功能?

什麼是 Firebase Hosting

Firebase Hosting 是全代管的靜態和動態內容託管服務,也適用於微服務。這項服務採用 SSD 儲存空間和全球 CDN (內容傳遞網路) 技術。Firebase Hosting 內建零設定 SSL,因此可以持續安全遞送內容。

您可以主辦哪些活動?

託管單頁網頁應用程式、行銷網站,以及靜態和動態素材資源

您可以從 Firebase Hosting 的獨特最佳化功能中獲益,這項功能可提供單頁網頁應用程式和靜態網站。我們會透過 SSD 後端儲存空間和全球 CDN (邊緣位置遍及全球各大地區),提供靜態資產 (HTML、CSS、JavaScript、字型等)。您甚至可以在全球 CDN 上快取動態內容。Firebase 代管的所有網站也會免費取得 SSL 憑證,讓您在安全無虞的情況下傳輸內容。

建構並代管微服務、API 和表單

Firebase HostingCloud Functions 配對,以便使用 Express.js 架構建構微服務。您可以透過這項配對作業,在 Firebase 上代管微服務和 API。此外,您可以使用與 Cloud Firestore 的深度整合功能,建構可即時更新資料的強大表單和網頁應用程式。

新增自訂網域 (或子網域)

使用 Firebase Hosting 時,系統會自動為您提供 Firebase 子網域,但您可以選擇透過自訂網域 (例如 example.commyrealtimeapp.example.com) 提供內容。Firebase Hosting 會為每個網域佈建 SSL 憑證,並透過全球 CDN 提供內容。

設定製作工作流程

在部署至實際網站前,建議您查看並測試所做的變更。Firebase Hosting 可讓您在本機查看及測試變更,並與模擬的後端專案資源互動。如果您需要同事查看及測試變更,Hosting 可以為網站建立可供共用的臨時預覽網址。我們甚至支援GitHub 整合,可透過提取要求進行部署。

進一步瞭解如何在本機測試、預覽變更及部署。

將所有網站集中管理

Firebase Hosting 支援單一 Firebase 專案中的多個網站。每個網站都會代管自己的內容集合、擁有專屬的代管設定,並可擁有一或多個相關聯的網域。由於這些網站都位於同一個 Firebase 專案中,因此所有網站都能存取專案的其他 Firebase 資源。

您可以在 Firebase 專案中使用多個網站,將相關網站集中管理 (例如單頁應用程式、網誌和行銷網站)。

查看、搜尋及篩選網站的網路要求記錄檔

您可以將 Firebase 專案連結至 Cloud Logging,查看、搜尋及篩選每個 Hosting 網站的網路要求記錄。這些記錄來自 Firebase 自動提供的 CDN,因此系統會記錄網站的每項要求和相關要求資料。

以下列舉 Cloud Logging 記錄檔的幾項用途:

  • 進一步瞭解網站:瞭解網站的訪客來源和時間、網站的回應狀態、使用者要求的延遲時間等。

  • 使用查詢篩選記錄:運用自動收集的資料,篩選及繪製與每個要求或網站相關聯的資料。

  • 使用記錄指標:根據預先定義的系統指標或使用者定義指標,建立 Cloud Monitoring 圖表和警告政策。

  • 將記錄匯出至其他 Google Cloud 工具:在其他工具 (例如 BigQuery 和 Data Studio) 中使用記錄資料,進行更強大的分析和關聯。

詳情請參閱 Cloud LoggingHosting 整合頁面

使用 Cloud Build 自動化持續部署作業

Firebase HostingCloud Build 合作,提供可用的開發運作解決方案,可為靜態和動態內容以及微服務自動化持續部署工作流程。

設定這些工具後,只要將程式碼提交至 Git 存放區,即可將您的網頁應用程式部署至 Firebase Hosting

如果您想為使用 Next.js 或 Angular Universal 開發的全端網頁應用程式進行持續部署,請查看 Firebase App Hosting 預先發布版。App Hosting 會使用 Cloud BuildCloud Run 從 GitHub 存放區提供自動推播功能,無須任何手動設定。

自訂所有內容!

  • 錯誤頁面:從網路應用程式傳回整齊的完全自訂 404 頁面。

  • 重寫:自訂端點提供的流量,甚至顯示多個網址中的相同內容。

  • 本地化內容:根據使用者的語言偏好和/或國家/地區,提供客製化內容。

  • 標頭:想存取 Cookie?使用自訂標頭!

  • 快取和 CDN 行為:透過自訂標頭,控制 CDN 如何快取網頁應用程式。

限制網頁應用程式的存取權,並防範 DDoS 攻擊

您可以利用 Express.js 中介軟體的強大功能,在服務微服務、API 和其他 HTTPS 端點中建構自訂邏輯。舉例來說,您只需幾行程式碼,即可整合熱門的 Node.js 中介軟體服務,建立額外的安全層,例如依 IP 管理存取權,或防範阻斷服務 (DDoS) 攻擊。

從各種網路 IDE 部署至 Firebase

Firebase Hosting 已與多個網頁式 IDE 整合,因此您可以直接從 StackBlitzGlitch 這兩個網頁式 IDE 部署至 Firebase Hosting

使用 Stackblitz 部署
使用 Stackblitz 部署至 Firebase Hosting
使用 Glitch 部署
使用 Glitch 部署至 Firebase Hosting

這些 IDE 會在您建立 Firebase 應用程式時自動偵測,讓您只要按一下按鈕,即可部署至 Firebase Hosting,無須離開 IDE!

建立與其他 Firebase 服務的深度整合

FriendlyChat 網頁程式碼研究室

Firebase Hosting 可與 Firebase 服務即時搭配使用,包括 Cloud FunctionsAuthenticationRealtime DatabaseCloud FirestoreCloud Messaging。您可以使用這些互補的 Firebase 服務,建構功能強大的微服務和網路應用程式。

歡迎試用 FriendlyChat 網路程式碼研究室,瞭解 Hosting 如何搭配這些 Firebase 服務。

使用 REST API 和我們的 Node.js 模組建立自訂部署工作流程

Firebase Hosting 支援 REST API,方便進階開發人員建構自訂工作流程,例如透過 JavaScript 應用程式進行部署。

我們也提供 Node.js 模組,可匯入至 Node.js 應用程式,用於建構進階功能。