HTTP初步感知

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

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

  1. 浏览器(Browser)发起请求
  2. 服务器(Server)在80端口接收请求
  3. 服务器返回响应内容给浏览器
  4. 浏览器下载响应内容

这样的交互模式称为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部分可无)

说明:

  1. 请求的类型,有GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS等,其中:
  • GET请求,仅获取,不向服务器提交数据
  • POST请求,向服务器提交数据,如用户名、密码等
  • PUT请求,更新全部数据
  • PATCH请求,更新部分数据
  • DELETE请求,删除数据
  1. HTTP请求的路径包括了【查询参数】,但不包括【锚点】
  2. 若请求未写路径,则默认为/
  3. 第二部分是这个请求的一些属性,如可用User-Agent来标注发起请求的程序
  4. 第三部分为空行,作为二四部分的分界线
  5. 第四部分是要提交到服务器的数据(如用户名、密码等),通常会出现在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 要下载的内容

说明:

  1. 状态码,表达服务器对请求的响应状态(成功or失败,及其原因),通常分5大类:
  • 1xx,请求已被接受,需要继续处理
  • 2xx,成功(常见200、204)
  • 3xx,重定向(常见301、302)
  • 4xx,客户端错误(常见404)
  • 5xx,服务器错误(常见502)

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

  1. 第二部分是响应的一些属性,如可用Content-Type来标注响应内容的格式

  2. 第四部分就是响应的内容了

示例:

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],即可看到和命令行中类似的内容

示例:


请求头

响应头

响应的内容在Preview或Response中查看:


响应内容

总结

以上仅是对HTTP的整体初步感知,HTTP是一套严谨、庞杂的协议。它作为互联网的基石,是每一位 Web开发者必须要了解的。
关于HTTP更加详实的内容还需查阅官方文档或者权威著作去深入学习。

(完)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,928评论 6 509
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,748评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,282评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,065评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,101评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,855评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,521评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,414评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,931评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,053评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,191评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,873评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,529评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,074评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,188评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,491评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,173评论 2 357

推荐阅读更多精彩内容