HTTP入门_ 字节宝

一、定义

HTTP：HyperText Transfer Protocol 超文本传输协议
HTML：HyperText Markup Language 超文本标记语言
URL：Uniform Resource Locator 统一资源定位符（网址），URL 包括两部分 URI 和 URN。

URL 的作用是能让你访问一个页面，HTTP 的作用是让你能下载这个页面，HTML 的作用是让你能看懂这个页面。

二、DNS

DNS：Domain Name System 域名系统

作用：在浏览器输入域名，DNS服务器会根据这个域名找到对应的IP。

输入域名
输出 IP

代码语言：javascript复制

nslookup baidu.com
ping baidu.com

三、Hosts

一个域名，可能会对应很多 IP，因为公司会有很多服务器，会自动寻找离用户最近的。

用户在浏览器输入域名之后，浏览器会先看自己的浏览器缓存有没有域名对应的 IP，如果没有，就去系统的 hosts 文件里面去找域名对应的IP，如果还没有，就去找DNS服务器里面的。

因此，如果我们想要让自己访问 baidu.com 的时候，访问指定的 IP （比如腾讯的 IP），我们就需要去修改 hosts 文件，将域名和腾讯的 IP 绑定起来，这样当我们下次访问 baidu.com 的时候，就会访问到腾讯的网站（但是由于安全浏览器的安全策略，可能会阻止你访问，隐身模式下好像可以访问）。

访问地址：C:WindowsSystem32driversetc

四、服务器与浏览器的交互

浏览器负责发起请求
服务器在80端口接受请求
服务器负责返回内容（相应）
浏览器负责下载响应内容

HTTP的作用就是指导浏览器和服务器如何进行沟通。

五、curl 命令请求

curl：发送请求

1、第一种方式（采用 GET 方式）

代码语言：javascript复制

curl -s -v -H "Frank: xxx" -- "https://www.baidu.com"
// -H 代表的是请求头 以 key:value 的格式出现，可以写成 Host:www.tencent.com
// 那么我们发送请求之后，请求头的 Host 的值就会显示成 www.tencent.com

2、第二种方式（采用 POST 方式）

代码语言：javascript复制

curl -X POST -s -v -H "Frank:xxx" -- "https://www.baidu.com"

3、第三种方式（带数据的 POST 请求）

代码语言：javascript复制

curl -X POST -d "1234567890" -s -v -H "Frank:xxx" -- "https://www.baidu.com"

请求的格式

代码语言：javascript复制

1 动词 路径 协议/版本
2 Key1: value1 // 这里的 Key1:value1 就是 -H 后面的内容，如果不写，会默认带一些值，可以通过编写 -H 的内容进行手动更改。
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3 
4 要上传的数据

请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空）
第三部分永远都是一个回车（n）
动词有 GET POST PUT（更新） PATCH（局部更新） DELETE HEAD OPTIONS 等
这里的路径（默认为 / ）包括「查询参数」，但不包括「锚点」
如果你没有写路径，那么路径默认为 /

代码语言：javascript复制

curl -s -v -- "https://www.baidu.com/"
// 这里的路径为 /
curl -s -v -- "https://www.baidu.com"
// 没有写路径，默认为 /
curl -s -v -- "https://www.baidu.com/s?wd=hello"
// 这里的路径为 /s?wd=hello
curl -s -v -- "https://www.baidu.com/s?wd=hello#5"
// 这里的路径为 /s?wd=hello，不包括锚点

第 2 部分中的 Content-Type 标注了第 4 部分的格式

六、GET 和 POST 的区别

英文解释

GET：得到，获取（场景：浏览器输入域名）

POST：邮寄，发送（场景：登录）

如果你需要获取内容，就用 GET 请求。如果你需要上传数据，就用 POST 请求。

七、响应

请求了之后，应该都能得到一个响应，除非断网了，或者服务器宕机了。

上面三个请求示例，前两个请求对应的响应分别为

代码语言：javascript复制

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=/

<!DOCTYPE html>
<!--STATUS OK--><html> <head> 后面太长，省略了……

代码语言：javascript复制

HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:19:47 GMT
Etag: "54d9749e-460b"
Server: bfe/1.0.8.18

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 后面太长，省略了

GET 请求和 POST 请求对应的响应可以一样，也可以不一样
响应的第四部分可以很长很长很长

响应的格式

代码语言：javascript复制

1 协议/版本号 状态码 状态解释
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下载的内容

状态码要背，是服务器对浏览器说的话
- 整理HTTP 状态码 - 知乎 (zhihu.com)
- 1xx 不常用
- 2xx 表示成功
- 3xx 表示滚吧
- 4xx 表示你丫错了
- 5xx 表示好吧，我错了
状态解释没什么用
第 2 部分中的 Content-Type 标注了第 4 部分的格式
第 2 部分中的 Content-Type 遵循 MIME 规范