HTTP超文本传输协议--入门

小咪咪 2023-10-06 17:44 30阅读 0赞

## 简介 ##

HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口。

## HTTP 工作原理 ##

浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。  
Web服务器根据接收到的请求后，向客户端发送响应信息。

## HTTP三点注意事项： ##

1、HTTP是无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。  
2、HTTP是媒体独立的：这意味着，只要客户端和服务器知道如何处理的数据内容，任何类型的数据都可以通过HTTP发送。客户端以及服务器指定使用适合的MIME-type内容类型。  
3、HTTP是无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。

## 请求 ##

请求行（request line）  
请求头部（header）  
空行  
请求数据  
![在这里插入图片描述][20210523160126694.png]

## 响应 ##

状态行  
消息报头  
空行  
响应正文  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]

## HTTP 请求方法 ##

HTTP1.0 定义了三种请求方法： GET, POST 和 HEAD方法。  
HTTP1.1 新增了六种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。

### GET请求的参数 ###

GET请求的参数都是放在URL中的，网页看见:  
请求参数是以键值对的形式出现，一般形式为:  
网址的后面紧跟着是一个问号  
问号的后面是一对对参数，形式为:参数1=参数1的值  
多个参数之间用&符号隔开  
举例: https://www.example.com/page1?参数1=参数1的值&参数2=参数2的值

GET请求  
1、请求行  
(1)请求的方式 GET  
(2)请求的资源路径\[+?+请求参数\]  
(3)请求的协议的版本号 HTTP/1.1  
2、请求头  
key : value 组成―不同的键值对，表示不同的含义。  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16]

### POST请求的参数 ###

POST请求的参数放在请求体中  
网页上看不见  
但可以通过chrome开发者工具或者抓包工具看见

POST请求  
1、请求行  
(1)请求的方式 POST  
(2)请求的资源路径  
(3)请求的协议的版本号 HTTP/1.1  
2、请求头  
key : value 组成―不同的键值对，表示不同的含义。  
空行  
3、请求体  
![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][9a563fa6198646a79b16d0ec05b726f2.png]

## HTTP状态码 ##

### HTTP状态码分类 ###

<table> 
 <thead> 
  <tr> 
   <th>分类</th> 
   <th>分类描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>1**</td> 
   <td>信息，服务器收到请求，需要请求者继续执行操作</td> 
  </tr> 
  <tr> 
   <td>2**</td> 
   <td>成功，操作被成功接收并处理</td> 
  </tr> 
  <tr> 
   <td>3**</td> 
   <td>重定向，需要进一步的操作以完成请求</td> 
  </tr> 
  <tr> 
   <td>4**</td> 
   <td>客户端错误，请求包含语法错误或无法完成请求</td> 
  </tr> 
  <tr> 
   <td>5**</td> 
   <td>服务器错误，服务器在处理请求的过程中发生了错误</td> 
  </tr> 
 </tbody> 
</table>

### 下面是常见的HTTP状态码: ###

200-请求成功  
301-资源(网页等）被永久转移到其它URL  
302-请求重定向  
404-请求的资源（网页等)不存在  
500-内部服务器错误

## HTTP Content-Type（内容类型） ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]

## 常见的媒体格式类型如下： ##

text/html ： HTML格式  
text/plain ：纯文本格式  
text/xml ： XML格式  
image/gif ：gif图片格式  
image/jpeg ：jpg图片格式  
image/png：png图片格式

## 发展历程及特点比较 ##

### HTTP/0.9 ###

只有一个命令GET  
服务器只能回应HTML格式的字符串，不能回应别的格式。  
服务器发送完毕，就关闭TCP连接。

### HTTP/1.0 ###

除了GET命令，还引入了POST命令和HEAD命令  
任何格式的内容都可以发送（文字，图像、视频、二进制文件）  
除了数据部分，每次通信都必须包括头信息（HTTP header），用来描述一些元数据。  
其他的新增功能还包括状态码（status code）、多字符集支持、多部分发送（multi-part type）、权限（authorization）、缓存（cache）、内容编码（content encoding）等。

缺点  
每个TCP连接只能发送一个请求，发送数据完毕，连接就关闭，如果还要请求其他资源，就必须再新建一个连接。  
为了解决这个问题，有些浏览器在请求时，用了一个非标准的Connection字段。

### HTTP/1.1，现在最流行的版本 ###

1、新增了许多动词方法：PUT、PATCH、HEAD、 OPTIONS、DELETE。  
2、最大变化，就是引入了持久连接（persistent connection），即TCP连接默认不关闭，可以被多个请求复用，不用声明Connection: keep-alive。客户端在最后一个请求时，发送Connection: close，明确要求服务器关闭TCP连接。  
3、引入了管道机制  
4、目前，对于同一个域名，大多数浏览器允许同时建立6个持久连接。

缺点：  
“队头堵塞”（Head-of-line blocking）  
但是同一个TCP连接里面，所有的数据通信是按次序进行的。服务器只有处理完一个回应，才会进行下一个回应。要是前面的回应特别慢，后面就会有许多请求排队等着  
解决：  
合并脚本和样式表、将图片嵌入CSS代码、域名分片等

### HTTP/2 ###

1、彻底的二进制协议  
2、头信息和数据体都是二进制，并且统称为"帧"（frame）：头信息帧和数据帧。  
3、多工  
HTTP/2 复用TCP连接，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序一一对应，这样就避免了"队头堵塞"。  
4、数据流  
5、头信息压缩  
6、服务器推送

参考：[菜鸟教程][Link 1]  
参考：[阮一峰的网络日志][Link 2]

[20210523160126694.png]: https://img-blog.csdnimg.cn/20210523160126694.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210523160216907.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/4d99b784a77b42aab617e593d10ddc2c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5rGf5bee55uK5b2k_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/203eb9455cf340579b6e96dc9aad7a73.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5rGf5bee55uK5b2k,size_20,color_FFFFFF,t_70,g_se,x_16
[9a563fa6198646a79b16d0ec05b726f2.png]: https://img-blog.csdnimg.cn/9a563fa6198646a79b16d0ec05b726f2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2021052316090677.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA4NDk4Ng==,size_16,color_FFFFFF,t_70
[Link 1]: https://www.runoob.com/http/http-tutorial.html
[Link 2]: https://www.ruanyifeng.com/blog/2016/08/http.html