透過託管整合網站架構

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

後續步驟

請參閱所用架構的詳細指南：