浏览器、客户端、服务器与一次网络请求
追踪从点击按钮到页面出现结果的完整链路。
- 用自己的话解释“浏览器、客户端、服务器与一次网络请求”及其核心术语。
- 在真实 AI 产品场景中识别何时应该使用本课方法。
- 完成一份可沉淀进“系统关系图、一次 API 调用与基础 SQL 练习”阶段任务的实践产出。
REAL SCENE
先从一个真实场景开始
用户点击“生成报告”，按钮进入加载状态。浏览器先请求前端资源，再把任务参数发送到服务端；服务端验证身份、读取数据、调用模型并返回结果。任一环节超时都可能表现为同一个“页面没反应”，产品经理必须能画出链路并定位责任边界。
PLAIN EXPLANATION
说人话：它到底是什么？
客户端是用户直接操作的软件，浏览器是一类通用客户端；服务器是在可信环境中提供数据和业务能力的程序。一次网络请求通常经历域名解析、建立连接、发送请求、服务端处理、返回响应和客户端渲染。前端不能保存可信秘密，也不能单独决定余额或权限；服务端也无法直接理解用户是否困惑，所以产品方案要同时定义交互状态和后端契约。
从地址到连接
浏览器先把域名解析为网络地址，再与目标服务建立连接并进行加密协商。网络、DNS、证书或代理问题都可能让请求尚未到达业务服务，因此排障要分层而不是只查代码。
- 记录目标域名和请求时间
- 区分连接失败与业务失败
- 生产流量默认使用加密连接
请求处理链路
请求到达网关后可能经过身份校验、限流、业务服务、数据库和外部模型。每层都应有超时和错误边界。统一请求标识能把前端报错与服务端日志串在一起。
- 客户端传业务所需最小参数
- 服务器执行可信规则与权限
- 外部依赖失败需要明确降级
响应与页面状态
服务端返回状态、数据和必要元信息，客户端再更新界面。加载、空结果、业务错误、网络中断和解析失败必须分别设计，避免把所有异常变成一个无法行动的提示。
- 显示可理解的用户结果
- 保留重试或恢复入口
- 诊断信息通过请求标识关联
把一次点击拆成客户端、网络、服务器与依赖链路。
可信业务规则和秘密放在服务端，交互反馈由客户端负责。
用请求标识、分层状态和时间点提高故障可定位性。
KEY POINT
这节课最重要的结论
- 为什么重要
- 这决定了听懂工程语言、阅读接口和数据库方案，并判断技术取舍时，团队是否拥有一致、可验证的判断标准。
- 适用边界
- 当问题目标、数据来源或失败成本发生变化时，不要机械套用；先重新确认假设和风险等级。
EXAMPLES
正确案例与常见反例
报告生成失败时，页面显示“数据读取失败，可重试”，保留用户输入并附请求编号。监控显示请求已到服务端，身份校验成功，但外部数据源超时；系统触发降级为最近缓存，工程师能用同一编号关联前后端日志。
团队把模型密钥写进浏览器代码，并让前端自行判断用户是否有企业权限。请求失败一律显示“未知错误”，没有时间、请求号或依赖记录，客服只能让用户刷新，工程也无法判断请求是否到过服务器。
“请把生成报告链路按客户端、网关、业务服务、数据源和模型拆开；前端只提交任务参数，服务端校验权限并持有密钥。响应返回 requestId 和可公开错误类型，方便界面恢复与日志关联。”
HANDS-ON
必做实操任务
本节产出：“系统关系图、一次 API 调用与基础 SQL 练习”阶段任务中的《浏览器、客户端、服务器与一次网络请求》一页实践卡
步骤 1使用浏览器开发者工具观察一次页面请求的地址、耗时、状态和响应。
步骤 2绘制从点击按钮到结果展示的客户端、网络、服务器与依赖时序图。
步骤 3为连接失败、鉴权失败、依赖超时和空结果分别设计用户反馈。
步骤 4选择一个需要保密或防篡改的规则，解释为什么必须由服务端执行。
核心重点必须完成全部实践，并在测验中达到 80%，才能标记为掌握。
用户动作：____
客户端状态：____
1. DNS 目标与结果：____
2. 建立连接：____
3. 请求方法与参数：____
4. 网关校验：____
5. 业务服务规则：____
6. 数据库或外部依赖：____
7. 响应状态与数据：____
8. 页面渲染：____
请求标识：____
每层超时：____
失败类型｜用户提示｜恢复动作｜负责角色：____
必须位于服务端的秘密或规则：____CHECKLIST
产品经理工作检查表
MASTERY QUIZ
掌握测验
核心重点需达到 80% 才算掌握，未通过会进入错题本。
INTERVIEW
常见面试题
展开参考回答
回答应从客户端收集输入开始，经过 DNS、连接与加密、HTTP 请求、网关和鉴权、业务服务、数据库或外部依赖，再到响应和前端渲染；同时说明每层可能失败、密钥与可信规则为何在服务端，以及如何用状态设计、超时、requestId 和日志让问题可恢复、可定位。
RECAP & FURTHER READING
重点回顾、延伸阅读与下一步
- 1
围绕“浏览器、客户端、服务器与一次网络请求”继续阅读：查阅对应技术的官方入门文档，重点核对输入输出、失败方式、权限边界与可观测性。
- 2
用“客户端、服务器、请求响应”作为检索词，分别写下一条定义、一条适用边界和一个反例。
- 3
对照本课正确案例与反例，寻找一个公开案例并记录其中可复用的判断与不能照搬的条件。