開始使用 Firebase 託管

Firebase Hosting 提供快速、安全且可靠的代管方式 應用程式靜態素材資源 (HTML、CSS、JavaScript、媒體檔案等) 及 提供動態內容和託管微服務

我們的正式環境等級託管服務由全球內容傳遞聯播網 (CDN) 提供支援。Hosting 預設會透過安全資料傳輸層 (SSL) 放送您的內容,而且可供 使用自己的自訂網域或專案的 子網域的 web.appfirebaseapp.com 無須付費。

事前準備

設定「Firebase Hosting」前,請按照下列步驟操作: 建立 Firebase 專案

步驟 1:安裝 Firebase CLI

請參閱 Firebase CLI 說明文件,瞭解如何安裝 CLI更新至最新版本

步驟 2:初始化專案

如要將本機專案檔案連結至 Firebase 專案,請執行下列指令, 本機專案目錄的根目錄中的指令:

firebase init hosting

在專案初始化期間,請按照 Firebase CLI 提示操作:

  1. 選取要連結至本機專案目錄的 Firebase 專案。

    所選 Firebase 專案是您在本機專案目錄中使用的「預設」Firebase 專案。為了將其他 Firebase 專案 本機專案目錄,設定專案別名

  2. 指定要做為公開根目錄的目錄。

    這個目錄包含所有公開放送的靜態檔案,包括 index.html 檔案和您要部署至 Firebase Hosting 的任何其他資產。

    • 公開根目錄的預設值為 public

    • 如果您尚未在公開根目錄中建立有效的 index.html 檔案或 404.html 檔案,Firebase 會代為建立。

  3. 為網站選擇設定。

    如果您選擇製作單頁應用程式,Firebase 會自動新增 重新編寫設定

在初始化結束時,Firebase 會自動建立並新增兩個檔案至本機應用程式目錄的根目錄:

  • 列出專案設定的 firebase.json 設定檔。如要進一步瞭解這個檔案,請前往 設定代管行為網頁。

  • 用於儲存資料的 .firebaserc 檔案 專案別名

步驟 3:部署至網站

如要部署至網站,請在本機專案目錄的根目錄中執行下列指令:

firebase deploy --only hosting

這個指令會將 Hosting 內容和設定部署至以下項目 Firebase 佈建的子網域:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

進一步瞭解如何部署網站,甚至在本機測試網站

後續步驟

你的網站現在可以與全世界分享了!