HTTP学习笔记2

怼烎@ 2022-07-20 12:13 190阅读 0赞

在web应用中，服务器将网页传给浏览器，也就是将网页的HTML文档发送给浏览器，让浏览器显示。浏览器与服务器之间的传输协议就是HTTP协议。

利用的是Chrome浏览器，按F12键进入开发者工具  
![这里写图片描述][20160724150544800]

Elements显示网页结构  
Network显示浏览器和服务器的通信。  
我们主要的操作都是在这个network选项中的，第一我们要确保第一个小红灯亮着，这样当我们输入域名时，它才会记录下通信的过程  
比如当我们输入www.sina.com.cn时，在network中找到第一条记录点击，右侧将显示request headers，点击view source 我们将可以看到浏览器给服务器发送的请求

![这里写图片描述][20160724152038635]

主要分析头两行  
`GET / HTTP /1.1`  
GET表示一个读取请求，将从服务器获取网页数据，/ 表示URL路径，URL总是以/开头，/表示首页，最后的HTTP/1.1是协议版本（与1.0不同的是1.1允许多个HTTP请求复用一个TCP连接）  
第二行开始都是类似XXX:XXX  
Host:www.sina.com.cn  
表示请求的域名时www.sina.com.cn.如果一台服务器有多个网站，服务器就需要Host来区分浏览器请求的是哪一个网站

接下来看的是response headers的内容 是服务器返回的原始响应数据  
![这里写图片描述][20160724153634919]  
HTTP的响应部分分为header和body两部分。  
200 ok表示响应成功  
404 NOT FOUND  
500 Internal Server Error

Content-Type: text/html表示响应内容，浏览器就是靠Content-Type来判断响应内容是网页还是图片、音乐、视频。浏览器并不靠URL来判断响应内容  
HTTP响应的Body就是HTML源码。

我们来总结一下HTTP请求的流程：

步骤1：浏览器首先向服务器发送HTTP请求，请求包括：

方法：GET还是POST，GET仅请求资源，POST会附带用户数据；

路径：/full/url/path；

域名：由Host头指定：Host: www.sina.com.cn

以及其他相关的Header；

如果是POST，那么请求还包括一个Body，包含用户数据。

步骤2：服务器向浏览器返回HTTP响应，响应包括：

响应代码：200表示成功，3xx表示重定向，4xx表示客户端发送的请求有错误，5xx表示服务器端处理时发生了错误；

响应类型：由Content-Type指定；

以及其他相关的Header；

通常服务器的HTTP响应会携带内容，也就是有一个Body，包含响应的内容，网页的HTML源码就在Body中。

步骤3：如果浏览器还需要继续向服务器请求其他资源，比如图片，就再次发出HTTP请求，重复步骤1、2。

Web采用的HTTP协议采用了非常简单的请求-响应模式，从而大大简化了开发。当我们编写一个页面时，我们只需要在HTTP请求中把HTML发送出去，不需要考虑如何附带图片、视频等，浏览器如果需要请求图片和视频，它会发送另一个HTTP请求，因此，一个HTTP请求只处理一个资源。

HTTP协议同时具备极强的扩展性，虽然浏览器请求的是[http://www.sina.com.cn/][http_www.sina.com.cn]的首页，但是新浪在HTML中可以链入其他服务器的资源，比如![U8455P30DT20131008135420.png][]，从而将请求压力分散到各个服务器上，并且，一个站点可以链接到其他站点，无数个站点互相链接起来，就形成了World Wide Web，简称WWW。

## HTTP格式 ##

每个HTTP请求响应都遵循同样的格式，一个HTTP包含header和body部分，body可选。  
GET请求格式  
`GET /path HTTP/1.1 Header1: Value1 Header2: Value2 Header3:Value3`  
每个Header一行一个/r/n换行符

POST请求格式  
\`  
POST /path HTTP/1.1  
Header1： Value1  
Header2： Value2  
Header3： Value3

body part  
\`  
当连续遇到两个/r/n时， Header部分结束，后面的数据全部都Body。

HTTP响应如果包含body，也是通过\\r\\n\\r\\n来分隔的。请再次注意，Body的数据类型由Content-Type头来确定，如果是网页，Body就是文本，如果是图片，Body就是图片的二进制数据。

当存在Content-Encoding时，Body数据是被压缩的，最常见的压缩方式是gzip，所以，看到Content-Encoding: gzip时，需要将Body数据先解压缩，才能得到真正的数据。压缩的目的在于减少Body的大小，加快网络传输

[20160724150544800]: /images/20220719/587ed861cd18465f8ccad3bfdc339bed.png
[20160724152038635]: /images/20220719/18a06a088b654b56ba99eff26acdc3bd.png
[20160724153634919]: /images/20220719/64818b65c56c41058bbad57d2ee4dcd1.png
[http_www.sina.com.cn]: http://www.sina.com.cn/
[U8455P30DT20131008135420.png]: /images/20220719/3fdc4e9ce6a448e89dcca89abf8f0500.png