開始使用 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

      • 您現在可以指定公開根目錄,也可以 稍後再指定 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

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

後續步驟

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