Firebase Hosting 使用入门

Firebase Hosting 可帮助您托管您的应用的静态资源（HTML、CSS、JavaScript、媒体文件等）以及提供动态内容并托管微服务，这种方法快捷、安全且可靠。

我们的生产级托管服务由一个全球级内容分发网络 (CDN) 提供支持。默认情况下，Hosting 通过 SSL 分发您的内容，可以与您自己的自定义网域搭配使用，或免费用于您在 web.app 和 firebaseapp.com 上的项目的子网域。

准备工作

您必须先创建一个 Firebase 项目，然后才能设置 Firebase Hosting。

第 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

详细了解如何部署并在本地测试您的网站。

后续步骤

现在，您可以与与全世界分享您的网站了！