透過託管整合網站架構

Firebase 託管整合了 Angular 等熱門的現代化網路架構 和 Next.js以下列條件使用 Firebase 託管和 Cloud Functions for Firebase 您可以運用偏好的架構,開發應用程式和微服務 並部署至安全的代管伺服器環境。

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

  • 部署由靜態網路內容組成的網頁應用程式
  • 部署使用預先轉譯 / 靜態網站產生 (SSG) 的網頁應用程式
  • 部署使用伺服器端轉譯 (SSR) 的網頁應用程式 (隨選完整伺服器轉譯)

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

事前準備

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

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

在本機提供

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

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

將應用程式部署至 Firebase 託管

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

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

後續步驟

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