内容分发CDN
用户加载图片时,CDN 会先从附近节点找缓存。

backend api
网络地址、请求数据、服务端代码、账号访问和上线后的运行。
域名、DNS、URL、HTTP、HTTPS、CDN、端口和重定向。
用户加载图片时,CDN 会先从附近节点找缓存。
用户打开 docs.example.com,DNS 帮浏览器找到要连接的服务。
docs.example.com203.0.113.10DNS 按名称查找记录
用户输入 docs.example.com,就能打开文档,不必记服务器的数字地址。
203.0.113.10页面打开文档时,浏览器发出请求,服务器再返回结果。
/guideAccept: text/html
<main>Guide</main>HTTP 请求资源并返回结果
用户打开登录页时,浏览器先确认服务身份,再建立加密连接。
浏览器连上主机后,还要找到对应的服务入口。
旧文档地址失效时,服务器可以把用户带到新的 /docs。
/guide/docs用户点击文档链接,URL 告诉浏览器去哪里、怎么访问。
API、JSON、跨域和输入校验,让页面与服务交换可靠的数据。
点击预约会议室后,页面把会议室编号和预约时段交给接口,接口返回预约结果。
POST /rooms/:idroomId · slot{ result: confirmed }本地页面请求 API 的房间数据,服务器明确允许后,浏览器才把响应交给页面脚本。
Access-Control-Allow-Origin: app.example.test✓ 脚本可以读取服务器明确允许后,浏览器才放行
天气服务把城市、温度和天气状态装进 JSON,页面再按键名读出来。
{"city": "深圳","temperature": 29,"status": "晴"}作品投稿请求经过 Validation 规则检查,形成 validated 或可处理的 INVALID_INPUT。
浏览器存储、数据库和 SQL,负责把需要保留的数据放到合适的位置。
用户选好深色主题,刷新页面后仍想保留这个选择。
themedarkRELOAD刷新后恢复theme = dark用户提交订单后,应用还要在服务器上找到这条记录。
order #101→DATABASE长期保存status: ready用户打开订单页,应用需要从数据库找到对应的订单。
SELECT * FROM orders WHERE id = 101;后端、后端框架、路由和接口地址,说明请求由哪段服务端代码处理。
用户点击保存后,服务器负责检查数据并返回结果。
POST /profile→RESPONSE服务器处理200 OK项目变大后,开发者需要一套固定方式安排后端代码。
GET /usersSERVICE调用逻辑userServiceRESPONSE返回数据200 JSON用户访问 /api/orders/101,服务器需要知道应该调用哪段代码。
GET /api/orders/101→getOrderById()登录认证和访问授权,分别回答“你是谁”和“你能做什么”。
用户输入账号和密码后,系统要先确认这是不是本人。
用户已经登录,但打开后台设置时,系统还要检查他有没有权限。
SEO、环境变量、部署、持续交付、预发布、监控、回滚和服务日志。
新版本已经准备好,团队想切换时少停机,并保留旧环境作退路。
v1.3 · 100%02Green 准备完成v1.4 · ready03流量切换Green · 100%新版本刚准备上线,团队想先让一小部分真实流量试用。
5%02观察指标errors + latency03扩大范围25% → 100%团队每天合并小改动,希望每次都能快速得到可发布的结果。
git push02自动检查build + test03可发布版本ready to deploy功能在电脑上写完后,团队要把它放到服务器,让用户真正访问。
v1.402发布到环境production03线上运行200 OK本地和线上要连接不同的 API 地址,但代码不想每次都改。
API_BASE_URL→应用读取配置新功能已经写好,团队想先只给内部成员试用。
v1.602读取开关flag = on03目标用户看到internal users网站已经上线,团队想知道接口变慢或报错时能不能及时发现。
新版本上线后出现严重错误,团队需要先让服务恢复正常。
v1.4 · errors02切回旧版本v1.303服务恢复200 OK用户搜索“城市周末路线”,希望看到内容清楚的页面。
用户报告页面打不开,团队需要从服务器记录里找到这次请求留下的线索。
用户上传图片后,系统只在需要时运行一段处理函数。
新版本准备上线,团队想先在接近生产的环境里检查一遍。
v1.5-rc02Staging 验证test env03准备上线approved