Firebase is back at Google I/O on May 10! Register now

將 Web 框架與託管集成

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

Firebase Hosting 集成了流行的現代網絡框架，包括 Angular 和 Next.js。將 Firebase 託管和 Cloud Functions for Firebase 與這些框架結合使用，您可以在首選框架環境中開發應用程序和微服務，然後將它們部署在託管的安全服務器環境中。在此早期預覽期間的支持包括以下功能：

  • 部署由靜態 Web 內容組成的 Web 應用程序
  • 部署使用預呈現/靜態網站生成 (SSG) 的 Web 應用程序
  • 部署使用服務器端渲染 (SSR) 的 Web 應用程序——全服務器按需渲染

Firebase 通過 Firebase CLI 提供此功能。在命令行上初始化 Hosting 時，您提供有關新的或現有 Web 項目的信息，CLI 會為您選擇的 Web 框架設置正確的資源。

先決條件

  • Firebase CLI 版本 11.14.2 或更高版本。確保使用您喜歡的方法安裝 CLI 。
  • 可選：在您的 Firebase 項目上啟用計費（如果您計劃使用 SSR，則需要）。

在當地服務

您可以按照以下步驟在本地測試您的集成：

  1. 運行firebase emulators:start 。這會構建您的應用程序並使用 Firebase CLI 為其提供服務。
  2. 在 CLI 返回的本地 URL（通常是 http://localhost:5000）處打開您的 Web 應用程序。

將您的應用部署到 Firebase 託管

當您準備好與世界分享您的更改時，將您的應用程序部署到您的實時站點：

  1. 從終端運行firebase deploy 。
  2. 檢查您的網站： SITE_ID.web.app或PROJECT_ID.web.app （或您的自定義域，如果您設置了一個）。

下一步

請參閱您的首選框架的詳細指南：