获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

开始使用 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 会自动创建两个文件并将其添加到本地应用程序目录的根目录中:

  • 列出您的项目配置的firebase.json配置文件。在配置托管行为页面上了解有关此文件的更多信息。

  • 一个.firebaserc文件,用于存储您的项目别名

第 3 步:部署到您的站点

要部署到您的站点,请从本地项目目录的根目录运行以下命令:

firebase deploy --only hosting

此命令将您的托管内容和配置部署到以下 Firebase 配置的子域:

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

了解有关部署甚至本地测试站点的更多信息。

下一步

现在您的网站已准备好与世界分享!