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