深色
风格
视觉表达
S 循环切换
经典
稳定的技术默认风格
信号流
突出动态流向
蓝图
工程评审
编辑风格
适合发布与上线说明
动态
演示
导出
导出图表
便携、整洁的输出
E
分享
分享卡片
1200×630 PNG
路径分享卡片
1200×630 PNG
可达范围分享卡片
1200×630 PNG
复制分享卡片
复制 PNG 到剪贴板
复制图表
复制 PNG 到剪贴板
图像
PNG
无损图像
JPEG
紧凑图像
WebP
现代图像格式
矢量与动效
SVG
可编辑矢量图
WebM
6 秒动效
HTTPS:TLS 握手与加密传输
←
引导视图
探索此系统
沿精选路径逐步查看,而不改变源图表。
节点
下一步
→
▶
播放故事
#
复制此刻
显示全部
HTTPS:TLS 握手与加密传输
由 Archify 生成的时序图。
请求建立 HTTPS 连接
出示证书(CA 签发的网站身份证)
防冒充:证书证明“我就是这个网站”
验证证书通过,协商密钥
核对在本机完成:信任的 CA 签发?域名对得上?不依赖网络里的任何人
双方得到只有彼此知道的会话密钥
防偷看:密钥每次连接临时协商,用完就换
HTTP 报文照常生成,TLS 加密发送
防篡改:每段密文附带校验值,改一个字节就暴露
解密还原,交回 HTTP 处理
途经者(咖啡馆 WiFi、路由器)只看到乱码
TLS 握手:验明正身,协商密钥
握手完成后:HTTP 全程密文
浏览器 · 本机内置 CA 根证书 · 时序参与者
浏览器
本机内置 CA 根证书
网站服务器 · example.com · 时序参与者
网站服务器
example.com
图例
请求
返回
默认消息
就绪
章节 01 / 01
引导章节
图表指南
探索此系统
×
正在检查已编译语义
01
查找任意节点
搜索标签、职责、类型和稳定 ID。
/
02
追踪路径
查看两个语义节点如何按编写方向连接。
R
03
查看完整系统
打开带实时视口和稳定节点的语义雷达。
M
04
比较语义类型
统计角色、显示流量并比较直接编写的连接。
L
05
播放引导故事
浏览已编写的章节和真实关系。
P
06
进入演示模式
让实时图表占满视口,同时不改变导出。
F
E
导出
T
主题
S
风格
0
重置
+
放大
-
缩小
Esc
关闭
查找节点
×
⌕
/
没有匹配的节点
语义护照
已验证来源
编写可达范围
上游
0
下游
0
×
复制链接
关系
路径探测
选择起点节点
查找起点
复制链接
清除
在图表中选择两个语义节点
←
▶
旅程
→
总览
先选择来源,再选择目标;方向很重要。
语义透镜
比较系统角色
×
最多选择两种语义类型。选择一种可显示其真实流量;选择两种只比较直接编写的关系。
选择一种类型以检查其节点和相连关系。
复制链接
清除
语义雷达
正在构建总览
打开雷达
×
点击节点
拖动平移
语义雷达需要更多地图可见空间。
路径
地图
透镜
阅读
100%
HTTPS = HTTP + TLS
• HTTP 报文照常生成,一个字不用改
• TLS 在下面一层:发送前加密,收到后解密
• 默认端口 443,网址以 https:// 开头
三个风险各有一手
• 防偷看:内容全加密,密钥临时协商
• 防篡改:每段数据带校验值,动一个字节就暴露
• 防冒充:CA 签发的证书证明网站身份
验证在本机
• CA 根证书预先内置在操作系统和浏览器里
• 核对签发者与域名,不依赖网络里的任何人
• 小锁只保证链路安全,不保证网站不是骗子