从代码本身构建
节点、连线和模块边界都来自代码实际导入的内容 —— 路由、函数、组件、表 —— 不是一张会慢慢过时的手绘图。
Codebase Brain
仓库、模块、依赖关系、谁负责什么 —— 全部直接取自代码本身,不是某人在 2023 年画的一张图。它会在每次推送后自动重建,正在真实活跃的模块会发光 —— 所以这张图永远不会是维基里那张过时的老图。而这一切都落在与你的客户和收入相同的主线上,于是「这个功能到底影响了什么?」终于有了答案。
展示的是:AIOProductOS 真实的代码库 —— 我们自己的公司就跑在这上面。
代码库大脑
你的架构以一张活的图谱呈现,接入与客户、收入相同的主线。点一下,看看它能给你什么。
展示的是:AIOProductOS 真实的代码库 —— 我们自己就跑在这上面。
这张图
整个代码库的一张交互式图谱:模块按功能簇分组,依赖关系以弦线交织呈现,大小按每块代码的承重程度缩放。点一个模块即可展开它的连接关系 —— 代码变了,图也会自动重建。
节点、连线和模块边界都来自代码实际导入的内容 —— 路由、函数、组件、表 —— 不是一张会慢慢过时的手绘图。
每个模块都标明了归属人和文件数量。新工程师拿到的是一张地图,而不是一场部落知识的口述之旅。
模块间的连线显示彼此依赖的强弱 —— 在动手之前就先看清会牵动什么。
它会自己保持最新:这张图每次推送后都会重建,另外每天还会自动重建两次,数据直接来自 GitHub 连接器 —— 不用配 CI,不用手动维护图。想立刻看到最新的?随时可以手动刷新。
活文档
按模块生成的文档,直接从图谱生成:这个模块是做什么的、由什么组成、它连接最多的部分、它拥有的表和 RPC,以及它依赖什么。从你的仓库里提取的 README 就在旁边。
connectors — 546 个部件
routes 38 · functions 412 · mappings 51 · tables 9
db · webhooks
pm · analytics · modules
从代码图谱生成 · 示例数据
TypeScript 68% · SQL 22% · 其他 10%
按连接数排序 —— 承重程度优先 · 示例数据
资产清单
图谱里的每个节点,都变成一份扁平、可筛选的列表:类型、名称、模块、文件,以及有多少东西与它相连 —— 按承重程度排序。它是这张图的表格版孿生兄弟,来自同一份数据源,永远不会跟图脱节。
数据来源
接入你已经在用的工程技术栈。架构图谱由 GitHub 构建而来 —— 接入它,图谱就会出现,你这边不用任何 CI 或 devops 工作 —— 而部署、错误和数据库结构则会落到同一条主线上,与它并列。
目前架构图谱由 GitHub 构建 —— 对 TypeScript/JavaScript + Supabase 支持最深入。GitLab 和 Bitbucket 会把仓库元数据同步到主线上,与收入并列。
一条部署时间线,包含项目、环境、状态、分支和 commit。清楚知道一个功能到底是什么时候真正上线的。
生产环境的错误会作为带堆栈信息的工作项落地 —— 一个可以关联到账户和功能的实时错误流。
数据库结构和访问态势 —— 表、策略、鉴权配置。我们绝不读取你客户的具体数据行。
异步任务、失败和重试都会变成可见的工作项 —— 你系统里那看不见的另一半,也上了记录。
主线上的事件会触发外发 webhook,让你其余的工具能实时响应,而不用不停轮询。
每个数据源都按连接器逐个落地 —— 接入一个,数据就开始流动;接入更多,画面就更完整。
同一条主线
大多数团队把架构放在一个工具里,把收入放在另一个工具里,中间什么都没有。在这里,仓库、部署和错误都落在早已承载着你的账户、订阅和反馈的那条主线上。于是,功能、背后的代码,以及正在等待它的客户,就不再是三个互相割裂的问题。
老实说的边界:代码数据是按连接器逐个接入主线的。Sentry 的错误目前会以工作项的形式到达;更丰富的按客户细分的代码视图,会随着每一个 join 的接入而逐步点亮。
1,734 个节点 · 4,217 条连接 · 36 个模块
这页顶部的这张图,就是我们自己的架构图。这些是 AIOProductOS 架构图上真实的数字 —— 和我们团队用来带新工程师入门、判断一次改动会牵动什么的,是同一个屏幕。我们展示的不是一个概念演示,而是我们自己真实的代码库。
FAQ