深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
自媒体运营 Agent · 系统架构
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
自媒体运营 Agent · 系统架构
由 Archify 生成的架构图。
内容运营 · 浏览器 · 架构组件
内容运营
浏览器
Nginx 容器 · Vue 3 静态资源 · /api 代理 · SSE · Docker 三容器部署(Nginx + FastAPI + PostgreSQL)
Nginx 容器
Vue 3 静态资源 · /api 代理 · SSE
FastAPI 后端 · JWT 认证 · PII 匿名化 · structlog · Docker 三容器部署(Nginx + FastAPI + PostgreSQL) › 应用安全边界
FastAPI 后端
JWT 认证 · PII 匿名化 · structlog
LangGraph 工作流引擎 · 五节点主图 + 选题子图 · interrupt · Docker 三容器部署(Nginx + FastAPI + PostgreSQL) › 应用安全边界 · HITL
LangGraph 工作流引擎
五节点主图 + 选题子图 · interrupt
HITL
豆包 Ark · LLM 标准/快速 · 生图 · 架构组件
豆包 Ark
LLM 标准/快速 · 生图
PostgreSQL · 业务数据 + checkpoint · Docker 三容器部署(Nginx + FastAPI + PostgreSQL)
PostgreSQL
业务数据 + checkpoint
HTTPS
/api 反向代理 · SSE 直通
进程内工作流编排
业务数据
checkpoint 持久化
结构化生成 · 流式 · 生图
Docker 三容器部署(Nginx + FastAPI + PostgreSQL)
应用安全边界
图例
前端
后端
数据库
云服务
外部系统
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
容器拓扑
• Nginx 提供静态资源并反代 /api(SSE 直通)
• FastAPI 与 LangGraph 同进程编排
• PostgreSQL 承载业务数据与 checkpoint
人在环路
• 人工审核 interrupt 挂起:通过继续、驳回原地改稿
• 发布前审核不可跳过
安全边界
• JWT 认证签发与校验
• PII 匿名化 + structlog 结构化日志