開始使用 Firebase 託管

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

我們的實際工作環境等級託管服務由全球內容傳遞網路提供支援 (CDN)。Hosting 預設會透過 SSL 提供內容，且可在 web.app 和 firebaseapp.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。

      • 您現在可以指定公開根目錄，也可以 稍後再指定 firebase.json 設定檔。

      • 如果您選擇預設，但沒有名為 public，Firebase 會自動為您建立。

    • 如果您沒有有效的 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

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

後續步驟

現在可以和全世界分享您的網站了！