HTTP初步感知

作者: 茶叶淡 | 来源:发表于2019-06-07 12:43 被阅读0次

HTTP初步感知
小猪的房子
PLA算法初步
初步学习介绍HTTP
http 初步了解(一)
对理财的初步感知
育人幼教部教师百日行动
对幼儿园数学教育的思考
【课堂篇】重构一节物理课
中小班小组活动――《分苹果》

超文本传输协议（HyperText Transfer Protocol, 简称 HTTP），是万维网数据通信的基础。万维网之父Tim Berners-Lee在发明万维网之初就创立了HTTP，它有什么用呢？

不妨先了解一下我们在浏览器上看到的网页是如何得到的，它大致可以概括为以下四个步骤：

浏览器（Browser）发起请求
服务器（Server）在80端口接收请求
服务器返回响应内容给浏览器
浏览器下载响应内容

这样的交互模式称为B/S或C/S模式（B-浏览器Browser，C-客户端Client，S-服务器Server），数据在B (或C )、S之间传输。

而HTTP是两者之间的传输协议，既然是协议，就表示双方要共同遵守。所以通俗来讲，HTTP规定了在数据传输过程中，请求和响应所要遵循的规范格式，这样才可以保证两者之间的正常交流。

在进一步了解HTTP之前，首先先了解一个很有用的命令——curl

一、curl命令

我们可以在命令行中使用 curl 命令来向服务器发起请求并接受响应，相比较直接用浏览器，用命令行可以更直观地看到访问过程，例：

curl -s -v  -- "https://www.baidu.com"

一些释义：

-v：显示请求和响应
-s：静默模式，不要显示进度条

运行命令得到如下结果（部分）

请求：

> GET / HTTP/1.1
> Host: www.baidu.com
> User-Agent: curl/7.64.0
> Accept: */*
>

响应：

< 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: Thu, 06 Jun 2019 11:27:36 GMT
< Etag: "58860429-98b"
< Last-Modified: Mon, 23 Jan 2017 13:24:57 GMT
< Pragma: no-cache
< Server: bfe/1.0.8.18
< Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/
<

下面就可以进一步介绍HTTP的请求和响应了。

二、HTTP请求

请求一般的格式为：

1 请求类型 路径 协议/版本
2 Key: value
2 Key: value
2 Key: value
2 ...
3 (空行)
4 要上传的数据

我们可以把它划分为三或四个部分（见以上各行标号，第4部分可无）

说明：

请求的类型，有GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS等，其中：

GET请求，仅获取，不向服务器提交数据
POST请求，向服务器提交数据，如用户名、密码等
PUT请求，更新全部数据
PATCH请求，更新部分数据
DELETE请求，删除数据

HTTP请求的路径包括了【查询参数】，但不包括【锚点】
若请求未写路径，则默认为/
第二部分是这个请求的一些属性，如可用User-Agent来标注发起请求的程序
第三部分为空行，作为二四部分的分界线
第四部分是要提交到服务器的数据（如用户名、密码等），通常会出现在POST请求中

要发起POST请求，在上述curl命令添加参数-X POST -d "xxxxxxxx"即可，例：

curl -X POST -d "xxxxxxxx" -s -v -- "https://www.baidu.com"

注：-d后面的字符串填入要提交的数据

以下是一个POST请求的示例：

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

三、HTTP响应

响应一般的格式为：

1 协议/版本号 状态码 状态解释
2 Key: value
2 Key: value
2 ...
3 (空行)
4 要下载的内容

说明：

状态码，表达服务器对请求的响应状态（成功or失败，及其原因），通常分5大类：

1xx，请求已被接受，需要继续处理
2xx，成功（常见200、204）
3xx，重定向（常见301、302）
4xx，客户端错误（常见404）
5xx，服务器错误（常见502）

每种类型都有很多具体情况，详细内容可查阅文档

第二部分是响应的一些属性，如可用Content-Type来标注响应内容的格式
第四部分就是响应的内容了

示例：

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> …（省略）…

上面Content-Type: text/html即表示响应为HTML文本，告知浏览器以HTML形式进行解析

四、用Chrome开发者工具查看请求和响应

除了在命令行中使用curl命令，用Chrome的开发者工具也可以很方便地查看请求和响应。
具体操作：在Chrome中点击右键-->检查，进入开发者工具-->选择Network，任意访问一个网址，就可以看到请求及响应了。
Request Headers和Response Headers就是请求头和响应头，查看时，点一下[view source]，即可看到和命令行中类似的内容

示例：