入门：HTTP（一）

互联网飞速发展，我们很难相信仅仅20几年前，也就是1990年，这一年 Tim Berners-Lee才 发明了用网址就能访问网页的办法，他发明了第一个网页、第一个浏览器和第一个服务器。

那么1990之前呢？人们的使用电脑只局限于不联网的工作和游戏，联网使用的最主要的就是email,所以1980年-1990年间，人们迫切的需要一种更好的上网方式，于是http在众多方案中脱颖而出，被大众所使用。

一、什么是HTTP

HyperText Transfer Protocol 超文本传输协议

HTTP的作用就是指导浏览器和服务器如何进行沟通。那么又是如何实现沟通的呢？随我来看~

image

如图所示，浏览器发起请求→服务器在80端口接收请求→服务器发出响应返回内容→浏览器负责下载响应内容。我们浏览器和服务器就是这样实现了交互沟通啦。

小tips:

1.80端口专门用来服务HTTP哒。

2、如下图这样的一个URL,主要就是以下几部分组成。

image

二、HTTP要求

1、发送请求的格式

第一部分：动词 路径 协议/版本
第二部分：key1 : value1
第二部分：key2 : value2
第二部分：key3 : value3
第二部分：Content-Type : application / x-www-form-urlencoded
第二部分：HOST：www.baidu.com
第二部分：User-Agent : Curl/7.54.0
第三部分：
第四部分：要上传的数据

• 请求最多包含四部分，最少包含三部分，也就是第四部分可以空着

• 第三部分永远都是一个回车（/n）我们需要它来清晰的划出三四部分的界限

• 动词主要有GET（获取）、POST(上传)、PUT（整体更新）、PATCH（局部更新）、DELETE（删除）等

• 这里的路径包括查询参数，但不包括锚点（什么是参数？什么是锚点？倒回去看看小tips）

• 如果你没有写路径，那么路径就会默认为/

• 第二部分的Content-Type标注了的第四部分的格式

• 不按协议来，是会出错哒

2、如何使用chrome开发者工具查看HTTP要求呢？

a、打开Network

image

b、地址栏输入网址

image

c、点击Network，查看request，点击view source

image

d、这样我们就可以看到请求的前三部分了，如图所示就是GET请求的实例，我们可以对照着前面给出的标准再次理解一下。

image

e、如果你想看到请求的第四部分，那么在FormData或者Payload中查看

（一般上传数据，用到post请求时，是我们登陆时，需要输入用户名密码提交上去）

三、响应

我们的浏览器发出了请求，服务器自然就要响应，接下来我们就看看服务器如何响应？

1、响应的格式

第一部分：协议/版本号 状态码 状态解释
第二部分：key1 : value1
第二部分：key2 : value2
第二部分：Content-Length :17931
第二部分：Content-Type:txt/html
第三部分：
第四部分：要下载的内容

状态码要背，这是服务器对浏览器说的话

• 1XX不常用

• 2XX表示成功

• 3XX一般是服务器叫你走开啦，比如301，意思是你所访问的已经永久的搬走了，比如302表示临时外出，过几天再回来，这不是叫你走开么~

• 4XX一般是服务器对浏览器说你丫的错啦，比如404就是访问者出错了，可能网址输错了~

• 5XX一般就是服务器自己出错啦，比如502，可能是服务器崩啦

• 详细请看→维基百科

第二部分的Content-Type标注了第四部分的格式

3、用chrome查看响应

a、打开Network

b、地址栏输入网址

c、选中第一个响应

d、查看Response Headers，点击view source

image

e、这样我们就可以看到请求的前二部分了，是不是和我们的格式相同~

image

f、查看Response或者Preview，你会看到响应的第四部分。

image

注：GET要求和POST要求对应的响应可以一样，也可以不一样

响应的第四部分可以很长很长很长，比如Content-Length=17931

四、curl命令

那我们可不可以在命令行里实现这一切呢，当然可以，那就是curl命令。

curl是一个利用URL规则在命令行下工作的文件传输工具。它支持文件的上传和下载，所以是综合传输工具，但按传统，习惯称curl为下载工具。

我们输入

Curl -s -v -H "cy:XXX" -- "https:// www.baidu .com "

image

可以看到接着省城一大堆的代码，我们直接来到最下面就可以看到

image

我们可以看到这是GET请求，那么post请求呢？

输入：

Curl -XPOSt -s -v -H "cy:xxx" -- "https://www.baidu.com"

image

果然变成了post请求~