Firebase Hosting为您提供了一种快速、安全、可靠的方式托管您的 应用的静态资源(HTML、CSS、JavaScript、媒体文件等)以及 提供动态内容和托管微服务。
我们的生产级托管服务由一个全球级内容分发网络 (CDN) 提供支持。默认情况下,Hosting 通过 SSL 提供您的内容,
使用您自己的自定义网域或在项目的
在 web.app
和 firebaseapp.com
上免费创建子网域。
准备工作
您需要先执行以下操作,然后才能设置 Firebase Hosting 创建 Firebase 项目。
第 1 步:安装 Firebase CLI
请参阅 Firebase CLI 文档,了解如何 安装 CLI 或 更新到最新版本。
第 2 步:初始化您的项目
如需将本地项目文件与 Firebase 项目关联,请从本地项目目录的根目录下运行以下命令:
firebase init hosting
在项目初始化期间,请通过 Firebase CLI 提示执行以下操作:
选择一个 Firebase 项目以与您的本地项目目录关联。
选定的 Firebase 项目是本地项目目录的“默认”Firebase 项目。要将其他 Firebase 项目关联到本地项目目录,请设置项目别名。
指定用作公共根目录的目录。
此目录包含您公开提供的所有静态文件,包括
index.html
文件以及要部署到的任何其他资产 Firebase Hosting。公共根目录的默认名称为
public
。您可以立即指定公共根目录,也可以稍后指定(在您的
firebase.json
配置文件中)。如果您选择默认值并且还没有名为
public
的目录,Firebase 会为您创建该目录。
如果您的公共根目录中不存在有效的
index.html
文件或404.html
文件,Firebase 会为您创建一个。
为您的网站选择配置。
如果您选择制作一个单页应用,Firebase 会自动为您添加重写配置。
在初始化结束时,Firebase 会自动创建两个文件,并将其添加到本地应用目录的根目录下:
第 3 步:部署到您的网站
要部署到您的网站,请从本地项目目录的根目录下运行以下命令:
firebase deploy --only hosting
此命令会将您的 Hosting 内容和配置部署到以下命令中 Firebase 预配的子网域:
PROJECT_ID.web.app
PROJECT_ID.firebaseapp.com
详细了解如何部署并在本地测试您的网站。
后续步骤
现在,您可以与与全世界分享您的网站了!
继续改进您的网站。在本地测试,通过临时预览网址共享更改,然后在实际网站中实施部署。请按照此分步指南操作。
了解更多托管功能:
查看 Firebase CLI 的完整文档。
准备启动您的应用:
- 设置预算 提醒 在 Google Cloud 控制台中检索项目 ID。
- 监控用量和结算 信息中心 在 Firebase 控制台中查看项目的 。 您也可以访问 Hosting 使用情况 信息中心了解详情 以及详细的使用情况信息
- 查看 Firebase 发布核对清单。