將 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 （或您的自訂網域，如果您設定了的話）。

下一步

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