五、应用层协议HTTP
2026/6/5 12:17:56 网站建设 项目流程

目录

HTTP 协议

认识 URL

urlencode 和 urldecode

HTTP 协议请求与响应格式

HTTP 请求

编写 HTTP 请求的代码 - 验证 http 请求

HTTP 的方法

HTTP 常见方法

1. GET 方法(重点)

2. POST 方法(重点)

3. PUT 方法(不常用)

4. HEAD 方法

5. DELETE 方法(不常用)

6. OPTIONS 方法

HTTP 的状态码

表格一:常见 HTTP 状态码(100~503)

表格二:重定向相关状态码(301、302、307、308)

HTTP 常见 Header

关于 connection 报头

HTTP 常见 Header

最简单的 HTTP 服务器

HTTP 历史及版本核心技术与时代背景

HTTP/0.9

HTTP/1.0

HTTP/1.1

HTTP/2.0

HTTP/3.0


HTTP 协议

虽然我们说, 应用层协议是我们程序猿自己定的. 但实际上, 已经有大佬们定义了一些现 成的, 又非常好用的应用层协议, 供我们直接参考使用.

HTTP(超文本传输协议)就是其 中之一。

在互联网世界中,HTTP(HyperText Transfer Protocol,超文本传输协议)是一个至 关重要的协议。它定义了客户端(如浏览器)与服务器之间如何通信,以交换或传输 超文本(如 HTML 文档)HTTP 协议是客户端与服务器之间通信的基础。客户端通过 HTTP 协议向服务器发送 请求,服务器收到请求后处理并返回响应。

HTTP 协议是一个无连接、无状态的协 议,即每次请求都需要建立新的连接,且服务器不会保存客户端的状态信息。

认识 URL

平时我们俗称的 "网址" 其实就是说的 URL

urlencode 和 urldecode

像 / ? : 等这样的字符, 已经被 url 当做特殊意义理解了. 因此这些字符不能随意出现. 比如, 某个参数中需要带有这些特殊字符, 就必须先对特殊字符进行转义.

转义的规则如下:

将需要转码的字符转为 16 进制,然后从右到左,取 4 位(不足 4 位直接处理),每 2 位 做一位,前面加上%,编码成%XY 格式

例如:"+" 被转义成了 "%2B"

urldecode 就是 urlencode 的逆过程

UrlEncode编码/UrlDecode解码 - 站长工具

HTTP 协议请求与响应格式

HTTP 请求

• 首行: [方法] + [url] + [版本]

Header: 请求的属性, 冒号分割的键值对;每组属性之间使用\r\n 分隔; 遇到空行表示 Header 部分结束

• Body: 空行后面的内容都是 Body. Body 允许为空字符串. 如果 Body 存在, 则在Header 中会有一个 Content-Length 属性来标识 Body 的长度;

编写 HTTP 请求的代码 - 验证 http 请求

需要现场基于历史代码,先架构处一个基本的 HTTP 服务器,然后用浏览器进行验 证

HTTP 响应:

• 首行: [版本号] + [状态码] + [状态码解释]

• Header:请求的属性, 冒号分割的键值对;每组属性之间使用\r\n 分隔;遇到空行表示 Header 部分结束

• Body: 空行后面的内容都是 Body. Body 允许为空字符串. 如果 Body 存在, 则在 Header 中会有一个 Content-Length 属性来标识 Body 的长度; 如果服务器返回了一 个 html 页面, 那么 html 页面内容就是在 body 中.

基本的应答格式

HTTP 的方法

方法说明支持的HTTP协议版本
GET获取资源1.0、1.1
POST传输实体主体1.0、1.1
PUT传输文件1.0、1.1
HEAD获得报文首部1.0、1.1
DELETE删除文件1.0、1.1
OPTIONS询问支持的方法1.1
TRACE追踪路径1.1
CONNECT要求用隧道协议连接代理1.1
LINK建立和资源之间的联系1.0
UNLINE断开连接关系1.0

最常用的就是 GET 方法和 POST 方法.

HTTP 常见方法

1. GET 方法(重点)

用途:用于请求 URL 指定的资源。

示例:GET /index.html HTTP/1.1

特性:指定资源经服务器端解析后返回响应内容。

form 表单:https://www.runoob.com/html/html-forms.html

//要通过历史写的 http 服务器,验证 GET 方法,这里需要了解一下 FORM 表单的 //问题 //这里就要引入 web 根目录,文件读取的基本操作了 #include <fstream> #include <string> #include <vector> std::string GetFileContentHelper(const std::string &path) { std::ifstream in(path, std::ios::binary); if (!in.is_open()) return ""; in.seekg(0, std::ios::end); size_t filesize = in.tellg(); in.seekg(0, std::ios::beg); std::string content; content.resize(filesize); // 正确写法:使用 &content[0] 或 content.data() (C++17) in.read(&content[0], filesize); in.close(); return content; }

2. POST 方法(重点)

用途:用于传输实体的主体,通常用于提交表单数据。

示例:POST /submit.cgi HTTP/1.1

特性:可以发送大量的数据给服务器,并且数据包含在请求体中。

form 表单:https://www.runoob.com/html/html-forms.html

要通过历史写的 http 服务器,验证 POST 方法,这里需要了解一下 FORM 表单 的问题

3. PUT 方法(不常用)

用途:用于传输文件,将请求报文主体中的文件保存到请求 URL 指定的位置。

示例:PUT /example.html HTTP/1.1

特性:不太常用,但在某些情况下,如 RESTful API 中,用于更新资源。

4. HEAD 方法

用途:与 GET 方法类似,但不返回报文主体部分,仅返回响应头。

示例:HEAD /index.html HTTP/1.1

特性:用于确认 URL 的有效性及资源更新的日期时间等

// curl -i 显示 $ curl -i www.baidu.com HTTP/1.1 200 OK Accept-Ranges: bytes Cache-Control: private, no-cache, no-store, proxy-revalidate, notransform Connection: keep-alive Content-Length: 2381 Content-Type: text/html Date: Sun, 16 Jun 2024 08:38:04 GMT Etag: "588604dc-94d" Last-Modified: Mon, 23 Jan 2017 13:27:56 GMT Pragma: no-cache Server: bfe/1.0.8.18 Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/ <!DOCTYPE html> ... // 使用 head 方法,只会返回响应头 $ curl --head www.baidu.com HTTP/1.1 200 OK Accept-Ranges: bytes Cache-Control: private, no-cache, no-store, proxy-revalidate, notransform Connection: keep-alive Content-Length: 277 Content-Type: text/html Date: Sun, 16 Jun 2024 08:43:38 GMT Etag: "575e1f71-115" Last-Modified: Mon, 13 Jun 2016 02:50:25 GMT Pragma: no-cache Server: bfe/1.0.8.18

5. DELETE 方法(不常用)

用途:用于删除文件,是 PUT 的相反方法。

示例:DELETE /example.html HTTP/1.1

特性:按请求 URL 删除指定的资源。

6. OPTIONS 方法

用途:用于查询针对请求 URL 指定的资源支持的方法。

示例:OPTIONS * HTTP/1.1

特性:返回允许的方法,如 GET、POST

不支持的效果

// 搭建一个 nginx 用来测试 // sudo apt install nginx // sudo nginx -- 开启 // ps ajx | grep nginx -- 查看 // sudo nginx -s stop -- 停止服务 $ sudo nginx -s stop $ ps ajx | grep nginx 2944845 2945390 2945389 2944845 pts/1 2945389 S+ 1002 0:00 grep --color=auto nginx $ sudo nginx $ ps axj | grep nginx 1 2945393 2945393 2945393 ? -1 Ss 0 0:00 nginx: master process nginx 2945393 2945394 2945393 2945393 ? -1 S 33 0:00 nginx: worker process 2945393 2945395 2945393 2945393 ? -1 S 33 0:00 nginx: worker process 2944845 2945397 2945396 2944845 pts/1 2945396 S+ 1002 0:00 grep --color=auto nginx // -X(大 x) 指明方法 $ curl -X OPTIONS -i http://127.0.0.1/ HTTP/1.1 405 Not Allowed Server: nginx/1.18.0 (Ubuntu) Date: Sun, 16 Jun 2024 08:48:22 GMT Content-Type: text/html Content-Length: 166 Connection: keep-alive <html> <head><title>405 Not Allowed</title></head> <body> <center><h1>405 Not Allowed</h1></center> <hr><center>nginx/1.18.0 (Ubuntu)</center> </body> </html>

支持的效果

HTTP/1.1 200 OK Allow: GET, HEAD, POST, OPTIONS Content-Type: text/plain Content-Length: 0 Server: nginx/1.18.0 (Ubuntu) Date: Sun, 16 Jun 2024 09:04:44 GMT Access-Control-Allow-Origin: * Access-Control-Allow-Methods: GET, POST, OPTIONS Access-Control-Allow-Headers: Content-Type, Authorization // 注意:这里没有响应体,因为 Content-Length 为 0

HTTP 的状态码

类别原因短语说明
1XXInformational(信息性状态码)接收的请求正在处理
2XXSuccess(成功状态码)请求正常处理完毕
3XXRedirection(重定向状态码)需要进行附加操作以完成请求
4XXClient Error(客户端错误状态码)服务器无法处理请求
5XXServer Error(服务器错误状态码)服务器处理请求出错

最常见的状态码, 比如 200(OK), 404(Not Found), 403(Forbidden), 302(Redirect, 重定 向), 504(Bad Gateway)

表格一:常见 HTTP 状态码(100~503)
状态码含义应用样例
100Continue上传大文件时,服务器告诉客户端可以继续上传
200OK访问网站首页,服务器返回网页内容
201Created发布新文章,服务器返回文章创建成功的信息
204No Content删除文章后,服务器返回“无内容”表示操作成功
301Moved Permanently网站换域名后,自动跳转到新域名;搜索引擎更新网站链接时使用
302Found 或 See Other用户登录成功后,重定向到用户首页
304Not Modified浏览器缓存机制,对未修改的资源返回 304 状态码
400Bad Request填写表单时,格式不正确导致提交失败
401Unauthorized访问需要登录的页面时,未登录或认证失败
403Forbidden尝试访问你没有权限查看的页面
404Not Found访问不存在的网页链接
500Internal Server Error服务器崩溃或数据库错误导致页面无法加载
502Bad Gateway使用代理服务器时,代理服务器无法从上游服务器获取有效响应
503Service Unavailable服务器维护或过载,暂时无法处理请求
表格二:重定向相关状态码(301、302、307、308)
状态码含义是否为临时重定向应用样例
301Moved Permanently否(永久重定向)网站换域名后,自动跳转到新域名;搜索引擎更新网站链接时使用
302Found 或 See Other是(临时重定向)用户登录成功后,重定向到用户首页
307Temporary Redirect是(临时重定向)临时重定向资源到新的位置(较少使用)
308Permanent Redirect否(永久重定向)永久重定向资源到新的位置(较少使用)

关于重定向的验证,以 301 为代表

HTTP 状态码 301(永久重定向)和 302(临时重定向)都依赖 Location 选项。以下 是关于两者依赖 Location 选项的详细说明:

HTTP 状态码 301(永久重定向):

• 当服务器返回 HTTP 301 状态码时,表示请求的资源已经被永久移动到新的位 置。

• 在这种情况下,服务器会在响应中添加一个 Location 头部,用于指定资源的新位 置。这个 Location 头部包含了新的 URL 地址,浏览器会自动重定向到该地址。

• 例如,在 HTTP 响应中,可能会看到类似于以下的头部信息:

HTTP/1.1 301 Moved Permanently\r\n Location: https://www.new-url.com\r\n

HTTP 状态码 302(临时重定向):

• 当服务器返回 HTTP 302 状态码时,表示请求的资源临时被移动到新的位置。

• 同样地,服务器也会在响应中添加一个 Location 头部来指定资源的新位置。浏览 器会暂时使用新的 URL 进行后续的请求,但不会缓存这个重定向。

• 例如,在 HTTP 响应中,可能会看到类似于以下的头部信息:

HTTP/1.1 302 Found\r\n Location: https://www.new-url.com\r\n

总结:无论是 HTTP 301 还是 HTTP 302 重定向,都需要依赖 Location 选项来指定资 源的新位置。这个Location 选项是一个标准的 HTTP 响应头部,用于告诉浏览器应该 将请求重定向到哪个新的 URL 地址

HTTP 常见 Header

• Content-Type: 数据类型(text/html 等)。告诉客户端(浏览器、App 等)响应体或请求体的数据格式,如text/htmlapplication/jsonimage/pngapplication/x-www-form-urlencoded等。

• Content-Length: 表示 body 部分的字节长度(注意不是字符长度)。

• Host: 客户端告知服务器请求的资源在哪台主机(域名)的哪个端口上:

  • HTTP/1.1 强制要求携带Host头,否则服务器返回 400。

  • 用途:一台服务器(IP)上托管多个域名(虚拟主机),例如www.a.comwww.b.com部署在同一台服务器上,服务器通过Host决定访问哪个网站。

  • 格式:Host: <host>:<port>,端口默认 80(http)或 443(https)时可省略。

  • 高频考点:“为什么 HTTP/1.1 要求必须有Host头?”(虚拟主机技术)

  • “反向代理(Nginx)如何利用Host进行转发?”

  • 也常与“HTTP 1.0 vs 1.1 的区别”一起考。

• User-Agent: 声明用户的操作系统、浏览器名称/版本、渲染引擎等信息。

• referer: 表示当前页面是从哪个 URL 跳转过来的(即来源页面)。

  • “防盗链是如何实现的?”(基于Referer判断)

  • Referer可能被篡改吗?”(可以,客户端可随意修改,所以不用于严谨的身份验证。)

  • “什么是空 Referer 场景?”(直接输入地址、书签访问、HTTPS 跳转到 HTTP 时一般不发。)

• Location: 配合 3xx 状态码(301/302/307/308)使用,告诉客户端新的资源地址:

  • 301 永久重定向:后续请求应直接访问新地址,浏览器会缓存重定向。

  • 302 临时重定向:每次仍先请求原地址。

  • 响应头示例:Location: https://www.new-site.com/page

  • 在登录后跳转、URL 规范化(如强制 HTTPS)中很常见。

  • “301 和 302 的区别?对 SEO 有什么影响?”(301 权重转移,302 不转移)

  • “重定向过程中,请求方法会变化吗?”(301/302 典型会将 POST 转成 GET,但 307/308 会保持原方法。)

  • 也常结合状态码考察。

• Cookie: 在客户端存储少量信息(通常 <4KB),用于维持会话(session)、用户追踪、个性化设置等:

  • 服务器通过Set-Cookie响应头设置 Cookie,客户端后续请求自动携带Cookie头回传。

  • Cookie 属性:DomainPathExpires/Max-AgeSecure(仅 HTTPS)、HttpOnly(禁止 JS 访问,防 XSS)、SameSite(防 CSRF)。

  • 会话 Cookie(不设置过期时间)在浏览器关闭后失效;持久 Cookie 保存在磁盘中。

  • 安全风险:XSS 可读取非 HttpOnly 的 Cookie;CSRF 可冒用已认证用户的 Cookie。

  • 面试:

  • 极高频率:“Cookie、Session、Token 的区别?”

  • “如何保证 Cookie 安全?”(HttpOnlySecureSameSite

  • “Cookie 的跨域问题?”(默认同站,可通过 Domain 设置二级域名共享,但无法跨完全不同的域名。)

  • Set-CookieCookie头的关系?”

关于 connection 报头

HTTP 中的 Connection 字段是 HTTP 报文头的一部分,它主要用于控制和管理客户 端与服务器之间的连接状态

核心作用

• 管理持久连接:Connection 字段还用于管理持久连接(也称为长连接)。持久 连接允许客户端和服务器在请求/响应完成后不立即关闭 TCP 连接,以便在同一个连接 上发送多个请求和接收多个响应。

持久连接(长连接)

• HTTP/1.1:在 HTTP/1.1 协议中,默认使用持久连接。当客户端和服务器都不明 确指定关闭连接时,连接将保持打开状态,以便后续的请求和响应可以复用同一个连 接。

• HTTP/1.0:在 HTTP/1.0 协议中,默认连接是非持久的。如果希望在 HTTP/1.0 上实现持久连接,需要在请求头中显式设置 Connection: keep-alive。

语法格式

• Connection: keep-alive:表示希望保持连接以复用 TCP 连接。

• Connection: close:表示请求/响应完成后,应该关闭 TCP 连接。

下面附上一张关于 HTTP 常见 header 的表格

HTTP 常见 Header

字段名含义样例
Accept客户端可接受的响应内容类型Accept: text/html, application/xhtml+xml, application/xml; q=0.9, image/webp, */*; q=0.8
Accept-Encoding客户端支持的数据压缩格式Accept-Encoding: gzip, deflate, br
Accept-Language客户端可接受的语言类型Accept-Language: zh-CN, zh; q=0.9, en; q=0.8
Host请求的主机名和端口号Host: www.example.com:8080
User-Agent客户端的软件环境信息(操作系统、浏览器等)User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 ... Chrome/91.0
Cookie客户端发送给服务器的 HTTP Cookie 信息Cookie: session_id=abcdefg12345; user_id=123
Referer请求的来源 URL(当前页面从哪个 URL 跳转而来)Referer: http://www.example.com/previous_page.html
Content-Type实体主体的媒体类型Content-Type: application/x-www-form-urlencoded(表单提交)或application/json(JSON 数据)
Content-Length实体主体的字节大小Content-Length: 150
Authorization认证信息,如用户名和密码(常用于 Basic 认证)Authorization: Basic QWxhZGRpbjpvcGVuIENlc2FtZQ==(Base64 编码后的用户名:密码
Cache-Control缓存控制指令(请求和响应均可使用)请求时:Cache-Control: no-cachemax-age=3600
响应时:Cache-Control: public, max-age=3600
Connection请求完成后是否关闭连接Connection: keep-aliveConnection: close
Date请求或响应的日期和时间(GMT 格式)Date: Wed, 21 Oct 2023 07:28:00 GMT
Location重定向的目标 URL(通常与 3xx 状态码配合)Location: http://www.example.com/new_location.html(配合 302)
Server服务器软件信息Server: Apache/2.4.41 (Unix)
Last-Modified资源的最后修改时间(用于缓存对比)Last-Modified: Wed, 21 Oct 2023 07:20:00 GMT
ETag资源的唯一标识符(用于强缓存验证)ETag: "3f80f-1b6-5f4e2512a4100"
Expires响应过期的日期和时间(HTTP/1.0 缓存机制)Expires: Wed, 21 Oct 2023 08:28:00 GMT

最简单的 HTTP 服务器

实现一个最简单的 HTTP 服务器, 只在网页上输出 "hello world"; 只要我们按照 HTTP 协议的要求构造数据, 就很容易能做到

#include <sys/socket.h> #include <netinet/in.h> #include <arpa/inet.h> #include <unistd.h> #include <stdio.h> #include <string.h> #include <stdlib.h> void Usage() { printf("usage: ./server [ip] [port]\n"); } int main(int argc, char* argv[]) { if (argc != 3) { Usage(); return 1; } int fd = socket(AF_INET, SOCK_STREAM, 0); if (fd < 0) { perror("socket"); return 1; } struct sockaddr_in addr; addr.sin_family = AF_INET; addr.sin_addr.s_addr = inet_addr(argv[1]); addr.sin_port = htons(atoi(argv[2])); int ret = bind(fd, (struct sockaddr*)&addr, sizeof(addr)); if (ret < 0) { perror("bind"); return 1; } ret = listen(fd, 10); if (ret < 0) { perror("listen"); return 1; } for (;;) { struct sockaddr_in client_addr; socklen_t len; int client_fd = accept(fd, (struct sockaddr*)&client_addr, &len); if (client_fd < 0) { perror("accept"); continue; } char input_buf[1024 * 10] = {0}; // 用一个足够大的缓冲区直接把数据读完。 ssize_t read_size = read(client_fd, input_buf, sizeof(input_buf) - 1); if (read_size < 0) { return 1; } printf("[Request] %s", input_buf); char buf[1024] = {0}; const char* hello = "<h1>hello world</h1>"; sprintf(buf, "HTTP/1.0 200 OK\nContent-Length:%lu\n\n%s", strlen(hello), hello); write(client_fd, buf, strlen(buf)); } return 0; }

编译, 启动服务. 在浏览器中输入 http://[ip]:[port], 就能看到显示的结果 "Hello World"

此处我们使用 9090 端口号启动了 HTTP 服务器. 虽然 HTTP 服务器一般使用 80 端 口, 但这只是一个通用的习惯. 并不是说 HTTP 服务器就不能使用其他的端口号. 使用 chrome 测试我们的服务器时, 可以看到服务器打出的请求中还有一个 GET /favicon.ico HTTP/1.1 这样的请求. 同学们自行查找资料, 去理解 favicon.ico 的作用.

实验 :把返回的状态码改成 404, 403, 504 等, 看浏览器上分别会出现什么样的效果.

HTTP 历史及版本核心技术与时代背景

HTTP(Hypertext Transfer Protocol,超文本传输协议)作为互联网中浏览器和服务 器间通信的基石,经历了从简单到复杂、从单一到多样的发展过程。以下将按照时间 顺序,介绍 HTTP 的主要版本、核心技术及其对应的时代背景。

HTTP/0.9

• 仅支持 GET 请求方法。

• 仅支持纯文本传输,主要是 HTML 格式。

• 无请求和响应头信息。

时代背景:

• 1991 年,HTTP/0.9 版本作为 HTTP 协议的最初版本,用于传输基本的超文本 HTML 内容。

• 当时的互联网还处于起步阶段,网页内容相对简单,主要以文本为主。

HTTP/1.0

• 引入 POST 和 HEAD 请求方法。

• 请求和响应头信息,支持多种数据格式(MIME)。

• 支持缓存(cache)。

• 状态码(status code)、多字符集支持等。

时代背景:

• 1996 年,随着互联网的快速发展,网页内容逐渐丰富,HTTP/1.0 版本应运而 生。

• 为了满足日益增长的网络应用需求,HTTP/1.0 增加了更多的功能和灵活性。

• 然而,HTTP/1.0 的工作方式是每次 TCP 连接只能发送一个请求,性能上存在一定局限

HTTP/1.1

• 引入持久连接(persistent connection),支持管道化(pipelining)。

• 允许在单个 TCP 连接上进行多个请求和响应,提高了性能。

• 引入分块传输编码(chunked transfer encoding)。

• 支持 Host 头,允许在一个 IP 地址上部署多个 Web 站点。

时代背景:

• 1999 年,随着网页加载的外部资源越来越多,HTTP/1.0 的性能问题愈发突出。

• HTTP/1.1 通过引入持久连接和管道化等技术,有效提高了数据传输效率。

• 同时,互联网应用开始呈现出多元化、复杂化的趋势,HTTP/1.1 的出现满足了 这些需求。

HTTP/2.0

• 多路复用(multiplexing),一个 TCP 连接允许多个 HTTP 请求。

• 二进制帧格式(binary framing),优化数据传输。

• 头部压缩(header compression),减少传输开销。

• 服务器推送(server push),提前发送资源到客户端。

时代背景:

• 2015 年,随着移动互联网的兴起和云计算技术的发展,网络应用对性能的要求越 来越高。

• HTTP/2.0 通过多路复用、二进制帧格式等技术,显著提高了数据传输效率和网 络性能。

• 同时,HTTP/2.0 还支持加密传输(HTTPS),提高了数据传输的安全性。

HTTP/3.0

• 使用 QUIC 协议替代 TCP 协议,基于 UDP 构建的多路复用传输协议。

• 减少了 TCP 三次握手及 TLS 握手时间,提高了连接建立速度

• 解决了 TCP 中的线头阻塞问题,提高了数据传输效率。

时代背景:

• 2022 年,随着 5G、物联网等技术的快速发展,网络应用对实时性、可靠性的要 求越来越高。

• HTTP/3.0 通过使用 QUIC 协议,提高了连接建立速度和数据传输效率,满足了这 些需求。

• 同时,HTTP/3.0 还支持加密传输(HTTPS),保证了数据传输的安全性

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询