Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

Firebase Hosting 使用入门

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

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

我们的生产级托管服务由一个全球级内容分发网络 (CDN) 提供支持。默认情况下,Firebase Hosting 通过 SSL 分发您的内容,可以与您自己的自定义网域搭配使用,或免费用于您在 web.appfirebaseapp.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

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

后续步骤

现在,您可以与与全世界分享您的网站了!