Logo
Section 1 / 2

Firebase 托管入门

快速了解 Firebase Hosting。

导入

Firebase 托管入门

快速了解 Firebase Hosting。

Firebase Hosting 是 Firebase 提供的生产级网页内容托管解决方案。它提供了一种快速、可靠且安全的方式来托管我们应用的静态和动态内容以及微服务。通过 Firebase Hosting,我们只需一条 CLI 命令,即可将网页应用部署到全球的内容分发网络(CDN)。

Firebase 为所有 Firebase 项目免费提供子域名。开发者还可以为其 Firebase 托管的网站设置自定义域名。所有使用 Firebase Hosting 部署的应用程序都会自动配置 SSL 证书,确保内容始终安全地交付。

实现

要在一个项目中初始化 Firebase Hosting,我们必须在终端中运行 Firebase CLI 的 Hosting 初始化命令。此命令与我们之前讨论过的 Cloud Functions 初始化命令类似。

按照以下步骤来初始化 Firebase Hosting:

  1. 在项目根目录下运行以下命令。这将打开一个对话框,询问我们一些初始化 Firebase Hosting 所需的问题:
1firebase init hosting
  1. 接下来,我们需要将目录关联到一个 Firebase 项目。按“Enter”键以使用现有项目。然后选择与我们正在使用的配置值相关联的 Firebase 项目。或者,我们也可以在运行上述初始化命令时,附加 --project 标志并指定 Firebase 项目 ID。
  2. 然后,我们必须为我们的公开目录选择一个名称。该目录存放应用程序的文件,并最终由 Firebase 部署。默认目录名为 public,但在本例中,我们将它重命名为 build。这是因为 React.js 在运行 npm 的 build 命令后会将我们的应用程序导出到 build 文件夹。
  3. 下一步是选择是否将其配置为单页应用。此选项适用于 React、Vue 或 Angular 等前端库或框架,它们仅提供一个 HTML 文件。由于我们的应用程序使用 React.js,因此按“Y”键,然后按“Enter”键。
  4. 接着,我们会被问及是否需要设置与 GitHub 的自动部署。在当前设置中我们不需要此功能,因此按“N”键,然后按“Enter”键。
  5. 跳过覆盖 build 文件夹中的 index.html 文件,等待初始化完成。

启用 Firebase Hosting

现在,让我们在项目中启用 Firebase Hosting。

Terminal

操作步骤

  • 运行命令以在 Firebase 项目中初始化 Firebase Hosting。
  • 按照上述步骤在您的项目中初始化 Firebase Hosting。

注意: 如果使用 CI 等非交互环境,可通过 --token 参数传入 Firebase CI 令牌。

Firebase Security Rules

部署到 Firebase Hosting