透過託管整合網站架構

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

搶先預覽版支援的功能包括：

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

Firebase 會透過 Firebase CLI 提供這項功能。在指令列上初始化時，您會提供新或現有 Web 專案的相關資訊，而 CLI 會為您選擇的 Web 架構設定合適的資源。Hosting

事前準備

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

  • Firebase CLI 12.1.0 以上版本。請務必使用偏好的方法安裝 CLI。
  • 選用：Firebase 專案已啟用計費功能 (如要使用伺服器端算繪，則必須啟用)

在本機提供服務

如要在本機測試整合功能，請按照下列步驟操作：

  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 (或您設定的自訂網域) 上查看網站。

後續步驟

如需詳細指南，請參閱您偏好的架構：