將 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.appPROJECT_ID.web.app (或您的自定義域,如果您設置了的話)。

下一步

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