Skill 广场
Firebase Hosting网站部署配置 Skill

Firebase Hosting网站部署配置.Skill

@firebase/firebase-hosting-basics

4.5优秀AI 评分基础检查通过源自 GitHub

该功能专门用于管理经典版 Firebase Hosting 的全流程配置与发布。它帮助前端与全栈开发者将纯静态网页、React/Vue单页应用(SPA)或轻量微服务部署到全球边缘CDN。用户可以通过它规范化定义 firebase.json 中的静态资源目录、URL重定向(Redirects)、SPA历史路由重写(Rewrites)、安全HTTP响应头以及多站点(Multi-site)规则,并在正式上线前生成临时预览通道(Preview Channels)或在本地模拟器中测试验证。

编程前端工程师全栈独立开发者DevOps工程师2026-09-23 更新main

Firebase Hosting网站部署配置

该功能专门用于管理经典版 Firebase Hosting 的全流程配置与发布。它帮助前端与全栈开发者将纯静态网页、React/Vue单页应用(SPA)或轻量微服务部署到全球边缘CDN。用户可以通过它规范化定义 firebase.json 中的静态资源目录、URL重定向(Redirects)、SPA历史路由重写(Rewrites)、安全HTTP响应头以及多站点(Multi-site)规则,并在正式上线前生成临时预览通道(Preview Channels)或在本地模拟器中测试验证。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

帮我写一份用于 React 项目的 firebase.json 配置文件,把 build 目录作为静态根路径,并将所有未匹配路径重写到 index.html。

我需要针对 PR 创建一个有效期为 7 天的 Firebase Hosting 临时预览链接,请给出对应的 CLI 部署指令。

如何在 Firebase Hosting 中配置自定义 HTTP 响应头以防范点击劫持(X-Frame-Options)并启用本地模拟器测试?

适用人群

适合谁?

前端工程师全栈独立开发者DevOps工程师静态网站管理员

上手门槛

使用难度

入门

无需编程基础。会和 AI 对话就能使用。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度