ไปที่คอนโซล

Firebase 托管使用入门

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

我们的生产级托管服务由全球内容分发网络(CDN)提供支持。默认情况下,托管通过 SSL 提供您的内容,并可与您自己的自定义网域或您项目的免费 web.appfirebaseapp.com 子网域配合使用。

准备工作

您必须先创建一个 Firebase 项目,然后才能设置 Firebase 托管。

第 1 步:安装 Firebase CLI

Firebase CLI(命令行界面)需要 Node.jsnpm (Node Package Manager)。

  1. 使用以下选项之一安装 Node.js。安装 Node.js 时会自动安装 npm。

    • 对于 Mac/Linux 系统,请使用 nvm (Node Version Manager)。
    • 对于 Windows 系统,请使用 nvm-windows
  2. 运行以下命令以使用 npm 安装 Firebase CLI:

    npm install -g firebase-tools

    此命令会安装全局可用的 firebase 命令。要更新到最新版本的 Firebase CLI,请重新运行相同的 npm install 命令。

  3. 运行以下命令以使用您的 Google 帐号登录 Firebase:

    firebase login

    此命令将您的本地机器关联到 Firebase,并授予您对 Firebase 项目的访问权限。

  4. 要测试该身份验证是否有效(并列出所有 Firebase 项目),请运行以下命令:

    firebase list

    显示的列表应与 Firebase 控制台中列出的 Firebase 项目相同。

更新到最新 CLI 版本

重新运行 CLI 安装命令,确保您使用的是最新的 Firebase CLI 版本:

npm install -g firebase-tools

第 2 步:初始化您的项目

要将本地项目关联至 Firebase 项目,请从您的本地项目目录的根目录下运行以下命令:

firebase init

在项目初始化期间,请按照 Firebase CLI 提示执行以下操作:

  1. 选择设置 Hosting

    要为您的项目设置其他 Firebase 产品,请参阅相应产品的文档以获取设置信息。请注意,您以后可以随时运行 firebase init,以设置更多 Firebase 产品。

  2. 选择一个 Firebase 项目以关联到您的本地项目目录。

    选定的 Firebase 项目是本地项目目录的“默认”Firebase 项目。要将其他 Firebase 项目关联到本地项目目录,请设置项目别名

  3. 指定用作公共根目录的目录。

    此目录包含您公开提供的所有静态文件,包括 index.html 文件以及要部署到 Firebase 托管的所有其他资源。

    • 公共根目录的默认值称为 public

      • 您可以立即指定公共根目录,也可以稍后指定(在 firebase.json 配置文件中)。

      • 如果您选择默认值并且还没有称为 public 的目录,Firebase 会为您创建该目录。

    • 如果您的公共根目录中不存在有效的 index.html 文件或 404.html 文件,Firebase 会为您创建一个。

  4. 为您的网站选择配置。

    如果您选择制作一个一页应用,Firebase 会自动为您添加重写配置

在初始化结束时,Firebase 会自动创建两个文件,并将其添加到本地应用目录的根目录下:

  • firebase.json 配置文件,列出您的项目配置。如需详细了解此文件,请参阅配置托管行为页面。

  • 存储项目别名.firebaserc 文件。

第 3 步:部署到您的网站

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

firebase deploy

此命令将发布部署到 Firebase 项目的默认托管网站:

  • projectID.web.app
  • projectID.firebaseapp.com

详细了解网站部署和本地测试

后续步骤

现在,您的网站已准备好与全世界分享!您还可以了解如何:

另外,请查看 Firebase CLI 的完整文档。