透過託管整合網站架構

Firebase Hosting 可與熱門的現代化網頁架構整合，包括 Angular 和 Next.js。搭配使用 Firebase Hosting 和 Cloud Functions for Firebase 以及這些架構，您就能在偏好的架構環境中開發應用程式和微服務，然後在受管理的安全伺服器環境中部署這些項目。

早期預先發布版支援的功能如下：

  • 部署由靜態網路內容組成的網頁應用程式
  • 部署使用預先算繪/靜態網站產生 (SSG) 的網頁應用程式
  • 部署使用伺服器端轉譯 (SSR) 的網頁應用程式，可視需要進行完整伺服器轉譯

Firebase 會透過 Firebase CLI 提供這項功能。初始化時 指令列上的 Hosting，能讓您提供現有或新 網路專案，以及 CLI 可為您選取的網路設定合適的資源 這個架構的重點在於

事前準備

開始將應用程式部署至 Firebase 之前 請詳閱下列要求和選項：

  • Firebase CLI 12.1.0 以上版本。請務必 安裝 CLI 即可直接存取所需資料
  • 選用：已啟用 Firebase 專案的計費功能 (如要使用 SSR，此為必要參數)

在本機提供

您可以按照下列步驟在本機測試整合：

  1. 從終端機執行 firebase emulators:start。這項功能會建構應用程式 必須透過 Firebase CLI 提供。
  2. 在 CLI 傳回的本機網址開啟網頁應用程式 (通常為 http://localhost:5000)。

將應用程式部署至「Firebase Hosting」

準備好與全世界分享變更後，請將應用程式部署至 實際網站：

  1. 從終端機執行 firebase deploy。
  2. 請前往 SITE_ID.web.app 或 PROJECT_ID.web.app 檢查網站 (如果你有自訂網域，則請檢查該網域)。

後續步驟

請參閱您偏好使用架構的詳細指南：