透過託管整合網站架構

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.app 或 PROJECT_ID.web.app 檢查網站 (如果你有自訂網域，則請檢查該網域)。

後續步驟

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