HTTP 常见协议：选择正确的协议，提升用户体验（上）

在这里插入图片描述

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

文章目录

一、引言
- HTTP 协议的重要性和应用范围
二、HTTP 协议基础
三、常见的 HTTP 协议

一、引言

HTTP 协议的重要性和应用范围

HTTP（超文本传输协议）是互联网上进行数据传输的一种基本协议，它的重要性不言而喻。

HTTP 协议广泛应用于各种场景，如：

网页浏览：HTTP 协议是网页浏览的主要协议，它负责在浏览器和服务器之间传输网页内容。
RESTful API：HTTP 协议被广泛应用于 RESTful API 中，如 JSON API、GraphQL API 等。这些 API 通过 HTTP 请求和响应来实现数据交互。
文件传输：HTTP 协议也可以用于文件传输，如在线文件下载、上传等。
即时通信：HTTP 协议也可以用于即时通信，如 WebSocket 协议。WebSocket 协议基于 HTTP 协议，可以在 Web 应用中实现实时通信。

在这里插入图片描述

HTTP 协议的稳定性和广泛的应用范围，使得它成为互联网上最常用的协议之一。同时，HTTP 协议的灵活性和可扩展性，使得它能够适应各种不同的场景需求。

二、HTTP 协议基础

介绍 HTTP 协议的概念和作用

HTTP（超文本传输协议）是互联网上进行数据传输的一种基本协议，它负责在浏览器和服务器之间传输网页内容。HTTP 协议的提出是为了解决互联网上的数据传输问题，它使得网页可以通过互联网进行快速、高效地传输。

HTTP 协议主要包括以下几个部分：

请求：浏览器向服务器发送请求，告知服务器需要获取的网页内容。请求通常包括请求方法、请求 URI、请求头等信息。
响应：服务器向浏览器返回响应，告知浏览器是否成功获取了网页内容。响应通常包括响应状态码、响应头、响应体等信息。
状态码：状态码用于表示响应的成功或失败，常见的状态码有 200（成功）、404（未找到）、500（服务器错误）等。

在这里插入图片描述

HTTP 协议的请求和响应可以分为以下几种类型：

GET 请求：GET 请求用于获取网页内容，通常用于浏览网页。
POST 请求：POST 请求用于向服务器发送数据，通常用于提交表单、创建新资源等。
PUT 请求：PUT 请求用于更新服务器上的资源，通常用于更新已有资源。
DELETE 请求：DELETE 请求用于删除服务器上的资源，通常用于删除已有资源。

在这里插入图片描述

HTTP 协议的请求和响应可以包含多种参数，如请求头、响应头、请求体、响应体等。请求和响应的格式也可以通过不同的编码方式进行调整，如 JSON、XML 等。HTTP 协议的稳定性和广泛的应用范围，使得它成为互联网上最常用的协议之一。同时，HTTP 协议的灵活性和可扩展性，使得它能够适应各种不同的场景需求。

HTTP 请求和响应的结构

HTTP 请求和响应的结构主要包括请求头、响应头和响应体三个部分。

请求头（Request Header）：请求头用于存储请求的相关信息，如请求方法、请求 URI、请求头、客户端信息等。请求头通常以键值对的形式存储，每个键值对之间用空格分隔，各个键值对之间用换行符（\n）分隔。

例如，一个 HTTP GET 请求的请求头示例如下：

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/58.0.3029.110 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.6,en;q=0.4

响应头（Response Header）：响应头用于存储响应的相关信息，如响应状态码、响应头、服务器信息等。响应头通常以键值对的形式存储，每个键值对之间用空格分隔，各个键值对之间用换行符（\n）分隔。

例如，一个 HTTP 响应的响应头示例如下：

HTTP/1.1 200 OK
Date: Wed, 28 Mar 2018 10:00:00 GMT
Server: Apache/2.4.7 (Ubuntu)
Content-Type: text/html; charset=UTF-8
Content-Length: 1024
Connection: close

响应体（Response Body）：响应体用于存储响应的具体内容，如网页内容、文件数据等。响应体通常以字符串的形式存储。

例如，一个 HTTP 响应的响应体示例如下：

<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Welcome to the Example Page</h1>
    <p>This is an example web page.</p>
</body>
</html>

HTTP 请求和响应的结构可以看作是一个三层的结构，请求头和响应头属于 HTTP 协议的顶层结构，它们定义了 HTTP 请求和响应的基本格式和信息。响应体属于 HTTP 协议的中间层结构，它存储了 HTTP 请求和响应的具体内容。

HTTP 方法（GET、POST、PUT、DELETE 等）

HTTP 方法（Method）是 HTTP 请求中用于描述请求动作的关键字，它用于告诉服务器希望执行的操作。
HTTP 请求中必须包含一个 HTTP 方法，以指示请求的类型。

常见的 HTTP 方法包括：

GET：GET 方法用于获取服务器上的资源，通常用于获取网页内容。GET 方法会将请求的 URI 和请求头等信息发送给服务器，服务器会返回一个 HTTP 响应，其中包含请求的资源。
POST：POST 方法用于向服务器发送数据，通常用于提交表单或创建新资源。POST 方法会将请求的 URI、请求头和请求体等信息发送给服务器，服务器会返回一个 HTTP 响应，其中包含服务器处理请求的结果。
PUT：PUT 方法用于更新服务器上的资源，通常用于更新已有资源。PUT 方法会将请求的 URI、请求头和请求体等信息发送给服务器，服务器会将请求的资源更新到服务器上。
DELETE：DELETE 方法用于删除服务器上的资源，通常用于删除已有资源。DELETE 方法会将请求的 URI 和请求头等信息发送给服务器，服务器会将请求的资源从服务器上删除。

HTTP 方法可以用于各种场景，如：

获取网页内容：使用 GET 方法获取网页内容。
提交表单：使用 POST 方法提交表单。
创建新资源：使用 POST 方法创建新资源。
更新已有资源：使用 PUT 方法更新已有资源。
删除已有资源：使用 DELETE 方法删除已有资源。

HTTP 方法的定义非常简洁，但通过不同的使用场景，可以实现不同的功能，HTTP 方法是 HTTP 协议中最核心的部分之一。

三、常见的 HTTP 协议

HTTP1 协议

HTTP1 协议是指 HTTP 协议的第一个版本，它于 1995 年发布。HTTP1 协议的主要特点包括：

持久连接：HTTP1 协议支持持久连接，即在同一个 TCP 连接中可以连续发送多个 HTTP 请求和响应。这样可以减少网络开销，提高网络效率。
缓存控制：HTTP1 协议支持缓存控制，即服务器可以通过 HTTP 响应头中的 Cache-Control 字段来指定请求资源的缓存策略。这可以避免重复请求相同资源，提高网络效率。

在这里插入图片描述

HTTP1 协议的不足之处包括：

缺少错误处理：HTTP1 协议缺乏对错误请求和响应的处理机制，可能导致数据传输错误。
缺少会话管理：HTTP1 协议缺乏会话管理机制，无法实现跨请求的数据共享。
缺少身份验证：HTTP1 协议缺乏身份验证机制，无法保证数据传输的安全性。

HTTP1 协议在发布之后广泛应用于互联网，但由于其缺乏错误处理和会话管理机制，逐渐被 HTTP2 协议所取代。HTTP2 协议在 HTTP1 协议的基础上进行了大量的改进，包括错误处理、会话管理、身份验证等功能，提高了网络效率和安全性。

HTTP/2 协议

HTTP/2 协议是指 HTTP 协议的第二个版本，它于 2015 年发布。HTTP/2 协议的主要特点包括：

二进制分帧：HTTP/2 协议采用二进制分帧的方式进行数据传输，将 HTTP 请求和响应的数据分成多个帧，每个帧都包含一个或多个消息块。这种分帧方式可以提高网络效率，减少网络延迟。
服务器推送：HTTP/2 协议允许服务器将响应头和响应体一起推送给客户端，而不需要等待客户端发送请求才能发送响应。这种推送方式可以减少网络延迟，提高网络效率。
首部压缩：HTTP/2 协议采用首部长度压缩技术，将 HTTP 请求和响应的首部进行压缩，从而减少了网络传输的数据量。这种压缩技术可以提高网络效率，减少网络延迟。

在这里插入图片描述