HTTP简单介绍

本篇文章主要是对HTTP进行一个简单的介绍

开篇介绍

        HTTP协议是网络的基础协议，也是网页开发者无法绕过的知识点。沂轱刚刚学习了一下，趁现在还没忘，赶紧记录一下。

进入正题

 HTTP请求

        HTTP请求由浏览器发起，接收请求的对象是服务器（ps：至于服务器搭不搭理，就不关浏览器的事情了o_o ....），那么浏览器向服务器发起的HTTP请求是什么样子的呢？
        浏览器发送的HTTP请求的格式最多有四部分，最少也有三部分，这也表明第四部分可以为空(null)：

第一部分	动词 路径 协议/版本
第二部分	key1: value1
第三部分	永远为一个\n(回车)
第四部分	要上传的数据

        譬如创建一个访问www.baidu.com的请求：

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
Frank: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded

1234567890(仅供参考，如有不符，请以实际为主)

        下面是curl创造访问www.baidu.com的请求的例子：

GET请求截图.png

post请求截图.png

1. GET请求时，路径为/，协议版本为HTTP1.1;POST请求路径为/，协议版本为HTTP1.1
2. 第一部分的动词有：

GET：指定的页面信息，并返回响应主体
POST：向指定资源提交数据，请求服务器进行处理
PUT：向指定位置上传最新内容，即全局更新
PATCH：区别于PUT，只进行部分资源更新
DELETE：请求服务器删除所请求的URI
……

3. 第一部分的路径包括「查询参数」，但不包括「锚点」，若未写路径，默认为/
4. 第二部分中的Content-Type标注了第四部分的格式

 如何使用Chrome开发者工具查看HTTP请求内容

        如果每要查看一次HTTP请求，我们就要使用一次curl进行进行创建，这样未免显得有些繁琐；其实Chrome自带的开发者工具就可以查看HTTP请求内容，下面是如何使用Chrome开发者工具查看HTTP请求的方法：

1. 打开chrome，按f12或鼠标右键检查，打开其自带的开发者工具

2. 选择Network，在地址栏输入url（即网址），注意观察Nework，选择第一个在Network出现的文件，
   

   未点第一个文件
   
   
   在该文件右边会出现另外一栏内容
   

   点了第一个文件

3. 选择Headers中的Request Headers，在其右边会有一个view source，点击该按钮，就会出现HTTP请求内容
   

   Request Headers内容

   注：若请求存在第四部分，则可以在FormDate或Payload中看到

HTTP响应

        既然前有请求，后面有响应也就不足为奇，响应是服务器对浏览器发送请求后返回的内容，与HTTP请求有些类似，HTTP响应的格式有四部分：

第一部分	协议/版本号 状态码 状态解释
第二部分	key1: value1
第三部分	永远为一个\n(回车)
第四部分	要下载的内容

        譬如创建一个返回对www.baidu.com请求的响应：

HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Connection: Keep-Alive
Content-Length: 2443
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:14:05 GMT
Etag: "5886041d-98b"
Last-Modified: Mon, 23 Jan 2017 13:24:45 GMT
Pragma: no-cache
Server: bfe/1.0.8.18
Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/


  后面太长，省略了……(仅供参考，如有不符，请以实际为主)

        下面是使用curl进行请求后返回响应的例子：

GET请求的响应

1. 第一部分中的状态码是服务器对浏览器请求的说明，状态码主要有以下几类：

1xx: 未成功；表示该请求已经接收，但是服务器未响应，需要继续处理
2XX: 成功；表示请求已被服务器接收，并进行了响应
3XX: 未成功，请去别处寻找；表示请求已被接收，但是你找的资料不在我这
4XX: 未成功，浏览器错误；表示请求已发送，但是浏览器找不到服务器，无法获得响应
5XX: 未成功，服务器错误；表示请求已被接收，但是服务器无法完成该请求

2. 状态解释顾名思义，就是对状态码进行解释
3. 第二部分中的Content-Type标注了第四部分的格式
4. 第四部分中的Content-type遵循MIME规范

 如何使用Chrome开发者工具查看HTTP响应内容

        与上面使用Chrome开发者工具查看HTTP请求一样，Chrome开发者工具也是可以查看HTTP响应内容的，其使用方法也与之相类似：

1. 打开chrome，按f12或鼠标右键检查，打开其自带的开发者工具

2. 选择Network，在地址栏输入url（即网址），注意观察Nework，选择第一个在Network出现的文件，
   

   未点第一个文件
   
   
   在该文件右边会出现另外一栏内容
   

   点了第一个文件

3. 选择Headers中的Request Headers，在其右边会有一个view source，点击该按钮，就会出现HTTP响应内容
   

   Request Headers内容

 如何使用 curl 命令

        介绍了那么多，我们现在回头来看看如何在命令行实现看 http 协议，其实只需使用 curl命令就可以了：

命令语法：curl     -[参数]    --     [url]
常用参数：-d/--data    HTTP POST 方式传送数据 
-s/--silent 静音模式，不输出任何东西
-v/--verbose  -H/--header 自定义头信息传递给服务器
-X/--request 指定什么命令

       如下图所示：

curl命令行