將 Web 框架與託管集成

Firebase Hosting 與流行的現代 Web 框架集成，包括 Angular 和 Next.js。將 Firebase Hosting 和 Cloud Functions for Firebase 與這些框架結合使用，您可以在首選框架環境中開發應用和微服務，然後將它們部署在託管的安全服務器環境中。

早期預覽期間的支持包括以下功能：

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

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

在你開始之前

在開始將應用部署到 Firebase 之前，請查看以下要求和選項：

  • Firebase CLI 版本 12.1.0 或更高版本。確保使用您首選的方法安裝 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 （或您的自定義域，如果您設置了的話）。

下一步

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