Catch up on highlights from Firebase at Google I/O 2023. Learn more

開始使用 Firebase 託管

Firebase 託管為您提供了一種快速、安全且可靠的方式來託管應用的靜態資產(HTML、CSS、JavaScript、媒體文件等)以及提供動態內容和託管微服務

我們的生產級託管由全球內容分發網絡 (CDN) 提供支持。默認情況下,託管通過 SSL 提供您的內容,並且可以在web.appfirebaseapp.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

      • 您現在可以指定公共根目錄,也可以稍後在firebase.json配置文件中指定

      • 如果您選擇默認值並且還沒有名為public目錄,Firebase 會為您創建它。

    • 如果您的公共根目錄中還沒有有效的index.html文件或404.html文件,Firebase 會為您創建它們。

  3. 為您的網站選擇一個配置。

    如果您選擇製作單頁應用,Firebase 會自動為您添加重寫配置

在初始化結束時,Firebase 會自動創建兩個文件並將其添加到本地應用程序目錄的根目錄:

第 3 步:部署到您的站點

要部署到您的站點,請從本地項目目錄的根目錄運行以下命令:

firebase deploy --only hosting

此命令將您的託管內容和配置部署到以下 Firebase 提供的子域:

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

詳細了解部署甚至本地測試您的網站

下一步

現在您的網站已準備好與全世界分享!