部署你的 Astro 站点至 Google Firebase 托管

Firebase 托管 是由 Google 的 Firebase 应用开发平台提供的一项服务，可用于部署 Astro 站点。

如有必要的话请移步我们专门的指南，了解如何集成 Firebase 后端服务，例如数据库、身份验证和存储等。

项目配置

段落标题 项目配置

你的 Astro 项目可以作为一个静态网站，或者作为一个服务端渲染（SSR）网站部署到 Firebase 上。

静态网站

段落标题 静态网站

你的 Astro 项目默认是一个静态网站。所以你不需要任何额外配置就可以将静态 Astro 网站部署到 Firebase。

SSR 适配器

段落标题 SSR 适配器

要在你的 Astro 项目中启用 SSR 并部署到 Firebase，请添加 Node.js 适配器。

注意

部署 SSR Astro 网站到 Firebase 需要开通 Blaze 计划 或更高级别。

如何部署

段落标题 如何部署

1. 安装 Firebase CLI。这是一个允许你在终端与 Firebase 交互的命令行工具。

   npm

   npm install firebase-tools

   pnpm

   pnpm add firebase-tools

   Yarn

   yarn add firebase-tools

2. 使用你的 Google 账户认证 Firebase CLI。这将打开一个浏览器窗口，你可以在其中登录到你的 Google 账户。

   npm

   npx firebase login

   pnpm

   pnpm exec firebase login

   Yarn

   yarn firebase login

3. 启用实验性的 web 框架支持。这是一个实验性功能，允许 Firebase CLI 检测并配置你的 Astro 部署设置。

   npm

   npx firebase experiments:enable webframeworks

   pnpm

   pnpm exec firebase experiments:enable webframeworks

   Yarn

   yarn firebase experiments:enable webframeworks

4. 在你的项目中初始化 Firebase 托管。这将在你的项目根目录中创建一个 firebase.json 和 .firebaserc 文件。

   npm

   npx firebase init hosting

   pnpm

   pnpm exec firebase init hosting

   Yarn

   yarn firebase init hosting

5. 将你的网站部署到 Firebase 托管。这将构建你的 Astro 网站并将其部署到 Firebase。

   npm

   npx firebase deploy --only hosting

   pnpm

   pnpm exec firebase deploy --only hosting

   Yarn

   yarn firebase deploy --only hosting