目錄

什么是http?

http的工作原理：

抓包工具

fiddler的使用

HTTP請(qǐng)求數(shù)據(jù):

1.首行:?編輯

2.請(qǐng)求頭(header)

3.空行：

4.正文（body）

HTTP響應(yīng)數(shù)據(jù)

1.首行：?編輯

2.響應(yīng)頭

3.空行：

4.響應(yīng)正文（body）

請(qǐng)求首行:

URL：

URLencode:

方法(method):

1.GET方法：常用于獲取服務(wù)器上的某個(gè)資源。

2.POST方法：多用于提交用戶輸入的數(shù)據(jù)給服務(wù)器。

GET和POST的區(qū)別:

還有一些描述關(guān)于GET和POST的區(qū)別，但都不是很準(zhǔn)確：

請(qǐng)求頭（header）內(nèi)容：

1.host：?編輯

2.Content-Length,Content-Type

3.User-Agent(UA)

4.referer

5.Cookie

狀態(tài)碼:

常見(jiàn)的狀態(tài)碼:

構(gòu)造HTTP請(qǐng)求工具:

Postman?

---

什么是http?

http是"超文本傳輸協(xié)議"，是應(yīng)用層的協(xié)議。?

（文本，就是字符串，能在utf8/gbk表中找到的合法字符,超文本就是不僅是字符串,還包含圖片，視頻，音頻等,html就是超文本；還有富文本格式,就是類(lèi)似于word，可以設(shè)置字體大小，行間距等）

HTTP誕?與1991年.?前已經(jīng)發(fā)展為最主流使?的?種應(yīng)?層協(xié)議.HTTP協(xié)議是基于TCP實(shí)現(xiàn)的。

http發(fā)展至今，已經(jīng)有了好多個(gè)版本，已經(jīng)到了http 3.0，但目前主推的還是http 1.0

2.0之前的版本是基于TCP實(shí)現(xiàn)的，3.0是基于UDP實(shí)現(xiàn)的，

2.0和3.0版本引入了很對(duì)新的特性，對(duì)傳輸效率和安全性都做了提高。

http的工作原理：

我們平時(shí)打開(kāi)一個(gè)網(wǎng)站，就是通過(guò)http協(xié)議來(lái)傳輸數(shù)據(jù)的。

http最常見(jiàn)的應(yīng)用場(chǎng)景就是 網(wǎng)站，瀏覽器和服務(wù)器之間的數(shù)據(jù)傳送，客戶端和服務(wù)器之間傳送數(shù)據(jù)。

http請(qǐng)求：指要訪問(wèn)哪個(gè)網(wǎng)頁(yè)

http響應(yīng)：返回指定網(wǎng)頁(yè)，（這里的網(wǎng)頁(yè)是通過(guò)HTML來(lái)實(shí)現(xiàn)的）

當(dāng)我們?cè)跒g覽器中輸??個(gè)搜狗搜索的"?址"(URL)時(shí),瀏覽器就給搜狗的服務(wù)器發(fā)送了?個(gè)HTTP請(qǐng)求,搜狗的服務(wù)器返回了?個(gè)HTTP響應(yīng).這個(gè)響應(yīng)結(jié)果被瀏覽器解析之后,就展?成我們看到的??內(nèi)容.(這個(gè)過(guò)程中瀏覽器可能會(huì)給服務(wù)器發(fā) 送多個(gè)HTTP請(qǐng)求,服務(wù)器會(huì)對(duì)應(yīng)返回多個(gè)響應(yīng),這些響應(yīng)?就包含了??HTML,CSS,JavaScript,圖 ?,字體等信息).

http是典型的“一問(wèn)一答”類(lèi)型。

抓包工具

抓包工具就是一些"代理程序",通過(guò)捕獲網(wǎng)絡(luò)上傳輸?shù)臄?shù)據(jù),并顯示出來(lái),給程序員一些參考.

fiddler專(zhuān)注于對(duì)http的轉(zhuǎn)包,下載地址:

Download Fiddler Web Debugging Tool for Free by Telerik

可以選擇classic版本,是免費(fèi)的

首次下載需要填一些信息,填完之后就可以下載了,安裝也和簡(jiǎn)單,一直next就可以了.

下載之后，要簡(jiǎn)單設(shè)置一下：

1.先打開(kāi)fiddler,

點(diǎn)擊tools

點(diǎn)擊options

選擇https,將里面的都給勾選上,第一次勾選時(shí),會(huì)彈出來(lái)一個(gè)"是否安裝證書(shū)",選擇 是.

此外,有的電腦上帶有/下載的 代理程序(瀏覽器插件/單獨(dú)的程序),需要關(guān)閉電腦上的代理程序.fiddler也是一個(gè)代理,可能會(huì)產(chǎn)生沖突.

(打開(kāi)fiddler后,可能會(huì)出現(xiàn)瀏覽器卡頓或者打不開(kāi)的情況,關(guān)閉fidller就可以了)

fiddler的使用

配置完成之后,就能看到fiddler上抓到很多程序的數(shù)據(jù)包.

電腦上還有很多感知不到的程序在背后操作,fiddler都能抓到,并顯示出來(lái).

打開(kāi)一個(gè)百度界面,在fiddler中就能被抓到

雙擊百度,在右側(cè)就會(huì)出現(xiàn)兩個(gè)框

上面是請(qǐng)求框,下面是響應(yīng)框,選擇raw,raw里是http請(qǐng)求/響應(yīng)的原始數(shù)據(jù).

若在這里看著內(nèi)容比較小,在右下角,有一個(gè)View in Noteoad，點(diǎn)擊后，可以在記事本中查看：

在記事本中打開(kāi)：

響應(yīng)的raw也可以在記事本中打開(kāi),但能看到,有的響應(yīng)數(shù)據(jù)是亂碼,

亂碼是響應(yīng)數(shù)據(jù)被壓縮了(為了節(jié)省帶寬),進(jìn)行解壓就可以了.

可以通過(guò)點(diǎn)擊:Responsebody is encoded.Click to decode來(lái)解壓:

HTTP請(qǐng)求數(shù)據(jù):

1.首行:

方法(method)?;

url(網(wǎng)址)?;

版本號(hào)?.

這三個(gè)部分使用 空格 進(jìn)行分隔

2.請(qǐng)求頭(header)

請(qǐng)求頭包含從第二行到最后一行,包含了一些鍵值對(duì),每個(gè)鍵值對(duì)占一行,鍵和值之間用:和空格進(jìn)行分隔。這些鍵值對(duì)類(lèi)似以TCP的報(bào)頭，包含了一些重要的連接信息。

3.空行：

請(qǐng)求頭下面有一行空行，表示請(qǐng)求頭結(jié)束標(biāo)記。

4.正文（body）

HTTP的載荷部分,有的http請(qǐng)求有正，有的沒(méi)有正文

HTTP響應(yīng)數(shù)據(jù)

1.首行：

包含三部分，分別是：版本號(hào) 狀態(tài)碼 狀態(tài)碼描述，用空格分開(kāi)

2.響應(yīng)頭

響應(yīng)頭是從第二行到一個(gè)空行，也是由一些鍵值對(duì)構(gòu)成，每個(gè)鍵值對(duì)占一行，鍵和值之間用：和空格分隔。

3.空行：

響應(yīng)頭結(jié)束標(biāo)志。

4.響應(yīng)正文（body）

HTTP的載荷部分,響應(yīng)的載荷是html。

請(qǐng)求首行:

URL：

URL描述一個(gè)網(wǎng)絡(luò)上的資源位置，是唯一的資源定位符。

一個(gè)url的完整結(jié)構(gòu):

協(xié)議方案名:HTTP

登錄信息:用戶名,密碼...,(寫(xiě)在這里不是很安全,現(xiàn)在都是通過(guò)網(wǎng)頁(yè)來(lái)登錄認(rèn)證).

服務(wù)器地址:域名,IP協(xié)議

端口號(hào):要訪問(wèn)的端口號(hào),若url中沒(méi)有帶端口號(hào),瀏覽器會(huì)給一個(gè)默認(rèn)的服務(wù)器端口號(hào),并不是系統(tǒng)隨機(jī)分配的,

文件路徑:網(wǎng)絡(luò)上的資源位置,

查詢字符串(query string):

這是一個(gè)百度的網(wǎng)址url，

URLencode:

在url中存在很多有特殊意義符號(hào)，有? / : & .....，查詢字符串(query string )是一些自定義的鍵值對(duì),

這些鍵值對(duì)的內(nèi)容中也有可能涉及到這些符號(hào),若直接寫(xiě)進(jìn)去,就有可能解析失敗,因此需要對(duì)特定符號(hào)(包括漢字)進(jìn)行轉(zhuǎn)義,將特殊字符對(duì)照ascii碼表進(jìn)行轉(zhuǎn)義,再通過(guò)%進(jìn)行分隔.

通過(guò)百度搜索鮮花:

鮮花對(duì)應(yīng)ascii碼表的16進(jìn)制就是 E9 B2 9C E8 8A B1,

方法(method):

位于首行中的第一部分,用來(lái)描述這次請(qǐng)求的目的,要干什么。

有這些類(lèi)型：

1.GET方法：常用于獲取服務(wù)器上的某個(gè)資源。

GET方法非常常見(jiàn)。

fiddler抓包得到的一條:

這條數(shù)據(jù)包對(duì)應(yīng)的請(qǐng)求數(shù)據(jù):

2.POST方法：多用于提交用戶輸入的數(shù)據(jù)給服務(wù)器。

常用于登錄和上傳。

這是一條登錄功能的數(shù)據(jù)包:

對(duì)應(yīng)的請(qǐng)求數(shù)據(jù):

GET方法通常沒(méi)有body部分,POST有body部分,GET方法一般會(huì)把需要傳送非服務(wù)器的補(bǔ)充信息放到URL中,通過(guò)query String傳遞,POST中的query string一般為空,將數(shù)據(jù)放到body中,通過(guò)body傳遞.

這是POST中的body部分,是JSON格式的數(shù)據(jù),使用的是base64編碼的方式,

base編碼一般帶有一個(gè)"==",使用四個(gè)字節(jié)代,對(duì)原來(lái)的三個(gè)字節(jié)進(jìn)行重新編碼.

這是為了原始數(shù)據(jù)中的二進(jìn)制內(nèi)容,因?yàn)橛行﹫?chǎng)合只能存儲(chǔ)文本文件.

base64編碼的編碼規(guī)則 有標(biāo)準(zhǔn)版,也有自定義版.標(biāo)準(zhǔn)版就屬于明文傳輸,屬于透明的,無(wú)法作為加密方法,自定義版就可以自己約定編碼規(guī)則,進(jìn)行加密操作.

GET和POST最常用,別的用的比較少,雖然對(duì)上面的這些方法的使用有一各自的說(shuō)明,但這些規(guī)定都屬于標(biāo)準(zhǔn)文檔創(chuàng)作者的"一廂情愿"，開(kāi)發(fā)者在實(shí)際開(kāi)發(fā)程序的時(shí)候，他們都是可以相互使用的。

GET和POST的區(qū)別:

GET和POST本質(zhì)上是沒(méi)有區(qū)別的，使用GET的場(chǎng)景可以替換成POST，使用POST的場(chǎng)景也可以替換成GET；這些都取決于代碼實(shí)現(xiàn)時(shí)是怎樣寫(xiě)的。

但GET和POST在使用習(xí)慣上有一些不同：

1.GET的body一般為空，更習(xí)慣把數(shù)據(jù)放到URL的query String中；POST的URL的query String一般為空，更多把數(shù)據(jù)放到body中。

（當(dāng)然，這兩個(gè)的存放方式通常是可以交換位置的，GET也可以將數(shù)據(jù)放到body中，POST也可以將數(shù)據(jù)放到URL中）

2.語(yǔ)義上：在標(biāo)準(zhǔn)文檔中，GET的語(yǔ)義是用來(lái)獲取數(shù)據(jù)；POST的語(yǔ)義是用來(lái)給服務(wù)器傳輸數(shù)據(jù)。

3.冪等性：在表針文檔中，建議GET請(qǐng)求實(shí)現(xiàn)冪等的；POST沒(méi)有要求。

冪等性指的是：若每次輸入的內(nèi)容一樣，返回的結(jié)果是一樣的，則是冪等的；

? ? ? ? ? ? ? ? ? ? ? ? 若每次輸入的內(nèi)容一樣，返回的結(jié)果不是一樣的，則不是冪等的。

4.GET請(qǐng)求可以被瀏覽器收藏夾收藏，POST請(qǐng)求不能。

還有一些描述關(guān)于GET和POST的區(qū)別，但都不是很準(zhǔn)確：

1.POST比GET更安全：

因?yàn)樵诘卿浀臅r(shí)候，GET的信息是在URL中，能直接在屏幕上看到，但POST是在body中，無(wú)法直接看到。

這是不準(zhǔn)確的，因?yàn)镻OST的即時(shí)是在body中，使用抓包工具，同樣也能獲取到數(shù)據(jù)，要想讓數(shù)據(jù)安全，最根本的是對(duì)數(shù)據(jù)加密。

2.POST比GET存儲(chǔ)的數(shù)據(jù)更多：

這是在之前的時(shí)候，現(xiàn)在沒(méi)有這一區(qū)別了，GET的數(shù)據(jù)存儲(chǔ)是在URL中，之前URL的長(zhǎng)度有限制，現(xiàn)在沒(méi)有了。

3.GET只能攜帶文本數(shù)據(jù)，POST只能攜帶二進(jìn)制數(shù)據(jù)：

GET通過(guò)URL的query String攜帶數(shù)據(jù)，query String確實(shí)只能攜帶文本數(shù)據(jù)，但可以將二進(jìn)制數(shù)據(jù)通過(guò)urlencode轉(zhuǎn)換成文本數(shù)據(jù)來(lái)實(shí)現(xiàn)存儲(chǔ)數(shù)據(jù)，到服務(wù)器在進(jìn)行urlencode，轉(zhuǎn)換成二進(jìn)制文件就可以了；

POST將數(shù)據(jù)存放到body中，body部分不是只是二進(jìn)制數(shù)據(jù)的，也可以存放別的數(shù)據(jù)。

請(qǐng)求頭（header）：

請(qǐng)求頭，就相當(dāng)于報(bào)頭，有很多 鍵值對(duì) 組成，下面是一些常見(jiàn)的鍵值對(duì)：

1.host：

表示服務(wù)器主機(jī)的地址和端口.大部分情況下和url中的地址和端口是一樣的,少數(shù)會(huì)有不同,

2.Content-Length,Content-Type

Content-Length: 表示body中的數(shù)據(jù)長(zhǎng)度,

Content-type: 表示body中的數(shù)據(jù)格式,

若數(shù)據(jù)包中沒(méi)有body部分,在請(qǐng)求頭中也就沒(méi)有這兩個(gè)鍵值對(duì)了.

HTTP的底層是TCP,Content-Length用來(lái)解決數(shù)據(jù)的粘包問(wèn)題,

body中可以有很多種數(shù)據(jù)格式,程序員也可以自己任意定義格式,就要通過(guò)Content-type來(lái)確定,

有一些常見(jiàn)的請(qǐng)求數(shù)據(jù)格式:

application/json:body 就是JSON

application/x-www-form-urlencoded:

multipart/form-data:上傳文件時(shí)使用的.

常見(jiàn)的響應(yīng)數(shù)據(jù)格式:

1.text/plain: 純文本格式

2.text.html: html 格式

3.text/css: css格式

4.application/javascript: js格式

5.image/png: 圖片

6.image/jpd: 音頻

在fiddler中,抓到的包中可以看到,有一些是灰色的,表示是在本地機(jī)器硬盤(pán)的緩存中,

當(dāng)主機(jī)發(fā)出請(qǐng)求時(shí),瀏覽器和服務(wù)器之間要進(jìn)行多次的網(wǎng)絡(luò)交互,整體的效率是比較低的.

為了提升交互效率,會(huì)在首次訪問(wèn)的時(shí)候,將一些不變的內(nèi)容在瀏覽器本地的機(jī)器硬盤(pán)中進(jìn)行緩存;當(dāng)再次訪問(wèn)時(shí),直接從緩存中讀取就可以了,減少了網(wǎng)絡(luò)交互的開(kāi)銷(xiāo).

若想讓瀏覽器不從緩存中讀取,直接從服務(wù)器中獲取,點(diǎn)擊下面這個(gè),然后按ctrl+f5,就能重新獲取數(shù)據(jù)了.

3.User-Agent(UA)

表示瀏覽器/操作系統(tǒng)的信息/屬性.

:這一部分表示操作系統(tǒng)的信息,

:這些是多個(gè)瀏覽器的信息.

瀏覽器的信息和操作系統(tǒng)的信息描述了用戶使用什么樣的設(shè)備上網(wǎng),

對(duì)于瀏覽器新老特性的兼容,設(shè)備的不同,呈現(xiàn)的頁(yè)面的格式的差異,通過(guò)UA都能很好的解決,

4.referer

描述當(dāng)前頁(yè)面從哪個(gè)頁(yè)面跳轉(zhuǎn)過(guò)來(lái)的.

早期的referer是可以被隨意修改的,現(xiàn)在使用的https都進(jìn)行了SSL加密,就很難被他人修改了.

5.Cookie

保存了一些 報(bào)頭中的重要屬性.

Cookie本質(zhì)上是一個(gè)瀏覽器本地持久化保存數(shù)據(jù)(存儲(chǔ)在硬盤(pán)中)的機(jī)制.

Cookie的用途:用來(lái)保存客戶端的數(shù)據(jù)

主要是用來(lái)保存客戶端的身份標(biāo)識(shí),方便服務(wù)端通過(guò)身份標(biāo)識(shí)來(lái)區(qū)分用戶.(其他的數(shù)據(jù)信息一般不會(huì)保存到Cookie中,Cookie是隨時(shí)可以刪掉的)

Cookie的來(lái)源:服務(wù)器首次訪問(wèn)/登錄成功瀏覽器后,返回給瀏覽器的.

Cookie的去向:Cookie會(huì)保存在瀏覽器本地本機(jī)的硬盤(pán)中,后續(xù)每次訪問(wèn)服務(wù)器都會(huì)帶上Cookie; 不同的客戶端,保存的Cookie是不同的,就算相同的客戶端,訪問(wèn)不同的瀏覽器,Cookie也是不同的.

Cookie的內(nèi)容: 鍵值對(duì)格式的數(shù)據(jù),由程序員自定義

不同網(wǎng)站的Cookie是不相同的.?

Cookie在瀏覽器中的組織形式:在本地的硬盤(pán)保存,按照不同域名為維度分別存儲(chǔ)

狀態(tài)碼:

狀態(tài)碼存在響應(yīng)中,用來(lái)表示響應(yīng)的結(jié)果.

http中的狀態(tài)碼都是標(biāo)準(zhǔn)約定好的,

常見(jiàn)的狀態(tài)碼:

常見(jiàn)的幾個(gè)狀態(tài)碼:

200 OK : 表示成功!

404 Not Found: 表示要訪問(wèn)的資源沒(méi)找到.

在gitee中,當(dāng)要訪問(wèn)abc.html時(shí),就會(huì)顯示這樣的頁(yè)面，表示要訪問(wèn)的資源沒(méi)有找到。

405 Method Not Allowed: 表示你的服務(wù)器只支持GET請(qǐng)求,但你發(fā)送的是POST請(qǐng)求.

500 Internal? Server Error: 服務(wù)器內(nèi)部錯(cuò)誤.

504 GateWay Timeout:訪問(wèn)服務(wù)器超時(shí)

301:永久重定向

302:臨時(shí)重定向

要訪問(wèn)網(wǎng)站A,訪問(wèn)A之后,瀏覽器自動(dòng)跳轉(zhuǎn)到了網(wǎng)站B.

一般用于某個(gè)網(wǎng)站,發(fā)布使用了很長(zhǎng)時(shí)間,想要修改域名,但可能有很多用戶已經(jīng)保存了原網(wǎng)站的域名在收藏夾中了,若突然修改,原來(lái)的域名就沒(méi)法用了,這樣就降低了用戶的使用觀感.

為了不影響用戶的使用,可以把訪問(wèn)老域名的請(qǐng)求定向到訪問(wèn)新域名的請(qǐng)求,當(dāng)訪問(wèn)原來(lái)的網(wǎng)址時(shí),就能順利跳轉(zhuǎn)到新的網(wǎng)址了.

若是永久重定向,瀏覽器會(huì)將重定向的結(jié)果記錄下來(lái),保存到瀏覽器本地的緩存中,下次再訪問(wèn)時(shí),就沒(méi)有跳轉(zhuǎn)的步驟了,直接定向到新的網(wǎng)站中.

臨時(shí)重定向就無(wú)法緩存了.

構(gòu)造HTTP請(qǐng)求工具:

Postman?

是一個(gè)經(jīng)典的,廣泛使用的工具.