开源MIT 许可证无需后端
使用 JSON Schema 记录您的 Firestore 数据库
Interactive schema viewer for Firebase & Firestore · Like Swagger for NoSQL
将您的 Firestore 集合转化为美观的交互式文档。使用 JSON Schema 标准。零后端、零配置、即刻生效。
无需构建无需后端2 分钟上手
快速开始：CDN 配置
将这 2 行添加到任何 HTML 页面
<link rel="stylesheet" href="unpkg.com/firestore-schema-viewer/dist/style.css">
<script src="unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>为什么选择 FireSchema?
自动发现
将其指向 .schema.json 文件的文件夹,FireSchema 会自动构建完整的集合树。
零后端
纯静态 SPA。托管在 GitHub Pages、Vercel 或任何 CDN 上。无需服务器、数据库或 API。
文件夹 = 层级
您的文件夹结构镜像您的 Firestore 路径。嵌套文件夹自动变成子集合。
AI 就绪
使用包含的提示模板通过任何 LLM 生成架构文件。描述您的集合,获得有效的架构。
CDN 或 npm
通过 CDN 使用单个脚本标签,或从 npm 安装以在构建管道中获得完全控制。
看它的实际效果
探索带有示例 Firestore 集合的实时 FireSchema 查看器。点击集合浏览其架构。
index.html
选择你的配置
选择适合你项目的方式。CDN 是最快的入门方式。
index.html
<!-- index.html -->
<link rel="stylesheet"
href="https://unpkg.com/firestore-schema-viewer/dist/style.css">
<div id="app"></div>
<script src="https://unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>
<script>
FirestoreSchemaViewer.render('#app', {
schemasDir: './schemas/'
})
</script>优点
- 无需安装
- 单个 HTML 文件
- 始终最新版本
缺点
- 需要网络
- 无版本控制
大小
0 KB — 从 CDN 加载