深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
主页上报与 Vercel 读取架构
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
主页上报与 Vercel 读取架构
由 Archify 生成的架构图。
Mac Telemetry Hub · MacBook Pro · 本机遥测与图片 · 架构组件 · /api/ingest/mac
Mac Telemetry Hub
MacBook Pro · 本机遥测与图片
/api/ingest/mac
iPhone Telemetry Hub · iPhone 17 Pro · 活动圆环 · 架构组件 · /api/ingest/iphone
iPhone Telemetry Hub
iPhone 17 Pro · 活动圆环
/api/ingest/iphone
Home Assistant · DSM 卧室 · N100 主卧 · HomePod · 架构组件 · /api/ingest/homepod
Home Assistant
DSM 卧室 · N100 主卧 · HomePod
/api/ingest/homepod
Emby 上报器 · DSM 容器 homepage-reporter · 架构组件 · /api/ingest/emby
Emby 上报器
DSM 容器 homepage-reporter
/api/ingest/emby
限额上报器 · misaka-jp 容器 · 5 / 10 / 60 分钟 · 架构组件 · /api/ingest/agents
限额上报器
misaka-jp 容器 · 5 / 10 / 60 分钟
/api/ingest/agents
服务器上报器 · misaka-jp 容器 · 1 / 2 / 15 分钟 · 架构组件 · /api/ingest/server
服务器上报器
misaka-jp 容器 · 1 / 2 / 15 分钟
/api/ingest/server
PlayStation 上报器 · Cloudflare Worker · 1 / 2 / 15 分钟 · 架构组件 · /api/ingest/playstation
PlayStation 上报器
Cloudflare Worker · 1 / 2 / 15 分钟
/api/ingest/playstation
SQLite Durable Object · StateHub · 状态与历史 · 架构组件 · Worker 独占读写
SQLite Durable Object
StateHub · 状态与历史
Worker 独占读写
API Worker · api.homepage.lyjw.llc · 架构组件 · 接收 · 状态 API · 实时推送
API Worker
api.homepage.lyjw.llc
接收 · 状态 API · 实时推送
在线人数 Worker · online.homepage.lyjw.llc · 架构组件 · OnlineCounterRoom · /count 供上报器调频
在线人数 Worker
online.homepage.lyjw.llc
OnlineCounterRoom · /count 供上报器调频
R2 图片 · Mac 与 Emby 上报器直接上传 · 架构组件 · 内容地址 · 页面走 /img/ 同源路径
R2 图片
Mac 与 Emby 上报器直接上传
内容地址 · 页面走 /img/ 同源路径
Next.js · Vercel · lyjw.me · Git 自动部署 · 架构组件 · 首屏 HTML · 后台重建
Next.js · Vercel
lyjw.me · Git 自动部署
首屏 HTML · 后台重建
浏览器 · 首屏 · SWR · WebSocket · 架构组件 · 状态 /ws · 人数 /ws 直连
浏览器
首屏 · SWR · WebSocket
状态 /ws · 人数 /ws 直连
阿里云 ESA · lyjw131.com → lyjw.me · 架构组件 · 缓存 HTML · JS · /img/*
阿里云 ESA
lyjw131.com → lyjw.me
缓存 HTML · JS · /img/*
POST
POST
POST
POST
POST · /count
POST · /count
POST · /count
读写状态
HEAD 确认对象
GET /api/home
/api/revalidate
状态 API · 推送 /ws
边缘 rewrite /img/* · immutable 缓存
lyjw.me 直连 · HTML · /img/*
回源 HTML · JS · /img/*
lyjw131.com
/ws · 在线人数
图例
前端
后端
数据库
云服务
消息总线
外部系统
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
在线人数独立部署
• online 只计可见页面;API 的 connections 包含后台页面。
三档调频 · 两个计数口
• 限额、服务器、PlayStation 三个上报器各自读 online 与 connections 决定档位。
Vercel 与 ESA
• API 只通知 Vercel 标签失效;ESA 首页按 SWR 自更新,新构建由 CI 刷新预热。