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 Hosting 的任何其他資產。

    • 公共根目錄的預設名稱為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

了解有關部署甚至本地測試您的網站的更多資訊。

下一步

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