深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
WorldMonitor-CN 运行时架构
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
WorldMonitor-CN 运行时架构
由 Archify 生成的架构图。
浏览器 / 前端 · TypeScript 单页应用 · 架构组件
浏览器 / 前端
TypeScript 单页应用
Preact 前端 · 16 个面板 + 服务 · 架构组件
Preact 前端
16 个面板 + 服务
Vite API 服务 · /api/* 转发 + HLS 代理 · 架构组件
Vite API 服务
/api/* 转发 + HLS 代理
价格监控服务 · pytdx 5 秒行情源 · 架构组件
价格监控服务
pytdx 5 秒行情源
本地数据与快照 · .cache JSON + 静态地理数据 · 架构组件
本地数据与快照
.cache JSON + 静态地理数据
GitHub 数据源 · iptv-org/iptv zho.m3u · 架构组件
GitHub 数据源
iptv-org/iptv zho.m3u
数据同步服务 · 心跳采集器 · 架构组件
数据同步服务
心跳采集器
调度器 / 定时任务 · THQ 循环 + 心跳 · 架构组件
调度器 / 定时任务
THQ 循环 + 心跳
HTTPS
拉取 /api/*
行情 /api/market
写入快照
刷新数据
上游数据流
上游数据
调度采集
交易时段 5 秒
图例
前端
后端
数据库
外部系统
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
用户入口
• Preact 单页应用在 MapLibre 上渲染 16 个实时面板。
• 请求通过 /api/* 转发到达 Vite API 层。
数据路径
• 心跳采集器刷新凤凰新闻、气候、冲突与汇率数据。
• pytdx 在交易时段每 5 秒写入 A 股行情。
上游与韧性
• iptv-org 播放列表每小时刷新,config.yml 兜底。
• 所有服务离线时回退到内置模拟数据。