深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
网站请求流程:Redis 缓存优先,未命中回源 PostgreSQL 并回填
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
网站请求流程:Redis 缓存优先,未命中回源 PostgreSQL 并回填
由 Archify 生成的时序图。
GET /api/resource
GET cache:{key}
缓存优先:先问 Redis,不直接查库
nil(未命中)
SELECT ... WHERE id = ?
仅在未命中时才回源
结果行
SET cache:{key} EX 300
把回源结果序列化为缓存值回填,带 TTL 兜底一致性
OK
200 JSON
请求与缓存优先
未命中,回源查询
回填缓存并响应
浏览器 · 前端页面 · 时序参与者
浏览器
前端页面
API 服务 · 请求处理层 · 时序参与者
API 服务
请求处理层
Redis · 缓存层 · 时序参与者
Redis
缓存层
PostgreSQL · 权威数据源 · 时序参与者
PostgreSQL
权威数据源
图例
请求
返回
异步追踪
默认消息
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
快路径(缓存命中)
• 浏览器 → API → Redis 命中 → 直接返回,全程不碰数据库
• 响应时间从毫秒级数据库查询降到亚毫秒级内存读取
• 绝大多数请求走这条路径,数据库只承担首次与过期后的回源
慢路径(本图所示)
• Redis 返回 nil 才查询 PostgreSQL——回源是例外不是常态
• 查到的权威数据先回填缓存再返回,让下一次请求走快路径
• 回填必须带 TTL:即使后续删缓存失败,脏数据也只在 TTL 内存在
必须防的三个问题
• 穿透:查不存在的 key 反复打库 → 缓存空值(短 TTL)或布隆过滤器
• 击穿:热 key 过期瞬间大量回源 → 互斥重建,只放一个请求查库
• 雪崩:大批 key 同时过期 → TTL 加随机抖动,避免同时回源