開始使用 Firebase 託管

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

我們的實際工作環境等級託管由全球內容傳遞網路 (CDN) 提供支援。根據預設，託管可透過安全資料傳輸層 (SSL) 提供您的內容，而且可以搭配您的自訂網域或專案的子網域使用，無須支付任何費用 (web.app 和 firebaseapp.com)。

事前準備

如要設定 Firebase 託管，請先建立 Firebase 專案。

步驟 1：安裝 Firebase CLI

請參閱 Firebase CLI 說明文件，瞭解如何安裝 CLI 或更新為最新版本。

步驟 2：初始化專案

如要將本機專案檔案連線至 Firebase 專案，請從本機專案目錄的根目錄中執行下列指令：

firebase init hosting

在專案初始化期間，系統會產生下列 Firebase CLI 提示訊息：

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

    所選的 Firebase 專案是本機專案目錄的「預設」Firebase 專案。如要將其他 Firebase 專案連結至本機專案目錄，請設定「專案別名」。

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

    這個目錄包含所有公開提供的靜態檔案，包括 index.html 檔案，以及您要部署至 Firebase 託管的任何其他資產。

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

    • 如果您在公開根目錄中沒有有效的 index.html 檔案或 404.html 檔案，Firebase 會為您建立這些項目。

  3. 選擇網站設定。

    如果您選擇建立單頁應用程式，Firebase 會自動為您新增重寫設定。

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

  • 列出專案設定的 firebase.json 設定檔。如要進一步瞭解這個檔案，請參閱「設定託管行為」頁面。

  • 儲存專案別名的 .firebaserc 檔案。

步驟 3：部署至您的網站

如要部署至您的網站，請從本機專案目錄的根目錄執行下列指令：

firebase deploy --only hosting

這個指令會將您的代管內容和設定部署至下列 Firebase 佈建的子網域：

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

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

後續步驟

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