访问一个网站都发生了什么
271 / 0 / 创建于 2个月前
风中的白鸽 的个人博客
当你访问一个网站时，背后会发生一系列的操作和流程。作为 PHP 开发工程师，理解这些操作的每个步骤非常重要，因为它们涉及到从浏览器发出请求到最终接收到响应的整个过程。以下是访问一个网站后发生的主要过程：
1. 浏览器解析用户输入的 URL
- URL 输入：你在浏览器中输入一个 URL，例如
https://www.example.com/. - 解析 URL：浏览器会解析这个 URL，将其拆解为多个部分：
- 协议：
https:// - 域名：
www.example.com - 路径：
/ - 查询字符串（如果有）：
?key=value
- 协议：
2. DNS 解析（Domain Name System）
- 域名解析：浏览器需要将域名
www.example.com转换为 IP 地址，以便能够访问到服务器。这个过程通过 DNS（域名系统）完成。 - DNS 请求：浏览器会向本地 DNS 服务器发起请求，询问
www.example.com的 IP 地址。如果本地没有缓存，会向更高层次的 DNS 服务器发起请求。 - DNS 响应：DNS 服务器返回目标网站的 IP 地址（例如
93.184.216.34）。
3. 建立 TCP 连接（传输控制协议）
- 三次握手：浏览器和服务器之间需要建立一个 TCP 连接。TCP 连接的建立过程是一个三次握手：
- 客户端发送 SYN：浏览器向服务器发送 SYN 数据包，请求建立连接。
- 服务器返回 SYN-ACK：服务器确认收到客户端的请求，并返回一个 ACK 数据包。
- 客户端发送 ACK：客户端确认收到服务器的响应，连接建立成功。
4. SSL/TLS 握手（如果是 HTTPS）
- 加密连接：如果使用的是 HTTPS 协议，除了建立 TCP 连接之外，还需要进行 SSL/TLS 握手，以确保通信过程中的数据加密。
- 验证证书：服务器会发送其 SSL 证书，浏览器会验证证书的有效性（是否由受信任的 CA 颁发，证书是否过期等）。
- 密钥交换：客户端和服务器使用对称加密算法协商出一个共享的加密密钥，用于后续的加密通信。
5. 浏览器发起 HTTP 请求
- HTTP 请求：浏览器在建立连接后，会向服务器发送 HTTP 请求。请求包括：
- 请求行：HTTP 方法（如
GET、POST）、请求的 URL 和 HTTP 版本。 - 请求头：包含有关请求的元数据（如用户代理、接受的内容类型、Cookie 等）。
- 请求体（如果是
POST请求）：请求体通常包含表单数据、JSON 数据等。
- 请求行：HTTP 方法（如
示例 HTTP 请求：
GET /index.html HTTP/1.1
Host: www.example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
6. 服务器处理请求
- Web 服务器接收请求：服务器接收到浏览器发出的 HTTP 请求后，首先由 Web 服务器（如 Apache、Nginx）处理。Web 服务器会解析请求，确定是静态资源还是需要动态处理。
- 动态请求处理：如果请求是动态请求（如 PHP 页面），Web 服务器会将请求转发给相应的 PHP 处理引擎（如 PHP-FPM 或 Apache 的 mod_php）。
- PHP 执行：PHP 解释器会接收到请求后执行 PHP 脚本，脚本可能会：
- 从数据库查询数据。
- 执行逻辑计算。
- 调用其他服务（如 API）。
- 生成响应：PHP 脚本执行完后，生成 HTTP 响应内容（如 HTML 页面、JSON 数据等），并返回给 Web 服务器。
7. Web 服务器返回 HTTP 响应
- HTTP 响应：Web 服务器将 PHP 处理结果作为 HTTP 响应返回给浏览器。响应包括：
- 状态行：如
HTTP/1.1 200 OK，表示请求成功。 - 响应头：如
Content-Type: text/html，表示响应的内容类型。 - 响应体：实际的响应数据，例如生成的 HTML 页面内容。
- 状态行：如
示例 HTTP 响应：
HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 1234
<html>
<head><title>Example</title></head>
<body><h1>Hello, World!</h1></body>
</html>
8. 浏览器渲染页面
- 接收响应：浏览器接收到 HTTP 响应后，开始解析响应内容。
- HTML 解析：浏览器首先解析 HTML 文档，构建 DOM（文档对象模型）树。
- CSS 解析：浏览器解析嵌入在 HTML 中的 CSS 样式，并将它们应用到 DOM 元素上，形成渲染树。
- JavaScript 解析：如果页面包含 JavaScript，浏览器会解析并执行它们，可能会动态修改 DOM 或发送 AJAX 请求。
- 渲染和显示：最后，浏览器将渲染树绘制成图像，显示到屏幕上。
9. 浏览器与服务器持续通信（可选）
- AJAX 请求：如果页面中有 JavaScript 使用 AJAX 技术，浏览器可以在不刷新页面的情况下与服务器进行后台通信。这些请求通常是通过
XMLHttpRequest或fetchAPI 发起的。 - WebSocket：如果页面与服务器建立了 WebSocket 连接（如实时聊天应用），浏览器与服务器之间的通信是持久化的，能够进行双向实时通信。
10. 缓存机制
- 缓存检查：在请求过程中，浏览器会检查缓存的内容。根据缓存的策略（如 HTTP 缓存头、Cache-Control、ETag 等），浏览器决定是否重新发送请求，或者直接从缓存中获取资源，减少网络请求。
总结：
在访问一个网站时，背后发生了许多操作，具体步骤如下：
- 解析 URL：浏览器将 URL 拆解并获取资源。
- DNS 解析：将域名转换为 IP 地址。
- 建立 TCP 连接：客户端与服务器之间建立 TCP 连接。
- SSL/TLS 握手（HTTPS）：如果是 HTTPS，进行加密连接的建立。
- HTTP 请求发送：浏览器向服务器发起 HTTP 请求。
- 服务器处理请求：服务器接收请求并处理，可能通过 PHP 动态生成内容。
- HTTP 响应返回：服务器返回处理结果给浏览器。
- 浏览器渲染页面：浏览器解析并展示页面。
- 持久连接和缓存：可能通过 AJAX、WebSocket 或缓存优化请求。
这些步骤虽然看似简单，但涉及到很多协议、技术和服务器/客户端的协作。理解这些过程能够帮助你优化开发中的性能问题，并更好地排查故障。
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号