前端開(kāi)發(fā)緊密相關(guān)的HTTP協(xié)議知識(shí)

2020-03-24 18:28:26

字體：大中小

供稿：網(wǎng)友

前端工程師打交道最多的就是瀏覽器，不管做什么都離不開(kāi)瀏覽器，其中HTTP協(xié)議往往會(huì)被我們忽略，但其實(shí)資源緩存、CDN加載、頁(yè)面性能優(yōu)化等等都離不開(kāi)對(duì)HTTP協(xié)議的了解。

HTTP也叫作超文本傳輸協(xié)議，全稱：Hyper Transfer Protocol。最初HTTP只能傳輸HTML文件，慢慢的現(xiàn)在可以傳輸文字、圖像、視頻和各種流文件。

HTTP是無(wú)狀態(tài)的：同一個(gè)客戶端，連續(xù)發(fā)起多次請(qǐng)求，對(duì)HTTP服務(wù)器來(lái)說(shuō)，都是新的請(qǐng)求，HTTP沒(méi)辦法知道來(lái)自一個(gè)客戶端。

HTTP消息結(jié)構(gòu)：要看具體消息結(jié)構(gòu)需要用抓包工具，所以這邊只有簡(jiǎn)單介紹，沒(méi)有具體實(shí)例。Request和response的消息結(jié)構(gòu)基本一樣。

Header：分為request/response line和request/response header。

request/response line：包括請(qǐng)求的方法Method（GET/POST）、請(qǐng)求資源的路徑path to resource和http協(xié)議的版本號(hào)。

request/response header：這邊就是各種請(qǐng)求頭了。

Body：響應(yīng)體，一般是HTML文件。如果是get請(qǐng)求，是沒(méi)有響應(yīng)體的。

HTTP請(qǐng)求方法：

GET 請(qǐng)求獲取Request-URI所標(biāo)識(shí)的資源
POST 在Request-URI所標(biāo)識(shí)的資源后附加新的數(shù)據(jù)
HEAD 請(qǐng)求獲取由Request-URI所標(biāo)識(shí)的資源的響應(yīng)消息報(bào)頭
PUT 請(qǐng)求服務(wù)器存儲(chǔ)一個(gè)資源，并用Request-URI作為其標(biāo)識(shí)
DELETE 請(qǐng)求服務(wù)器刪除Request-URI所標(biāo)識(shí)的資源
TRACE 請(qǐng)求服務(wù)器回送收到的請(qǐng)求信息，主要用于測(cè)試或診斷
CONNECT 保留將來(lái)使用
OPTIONS 請(qǐng)求查詢服務(wù)器的性能，或者查詢與資源相關(guān)的選項(xiàng)和需求

對(duì)于我們來(lái)說(shuō)，常用的就是GET、和POST。再次聲明，不用表單提交，get不存在跟post比較有安全性問(wèn)題。

HTTP狀態(tài)碼：

1XX 提示信息 - 表示請(qǐng)求已被成功接收，繼續(xù)處理。

2XX 成功 - 表示請(qǐng)求已被成功接收，理解，接受

3XX 重定向 - 要完成請(qǐng)求必須進(jìn)行更進(jìn)一步的處理

4XX 客戶端錯(cuò)誤 - 請(qǐng)求有語(yǔ)法錯(cuò)誤或請(qǐng)求無(wú)法實(shí)現(xiàn)

5XX 服務(wù)器端錯(cuò)誤 - 服務(wù)器未能實(shí)現(xiàn)合法的請(qǐng)求

狀態(tài)碼很多，可以自行了解，我覺(jué)得有幾個(gè)是必須知道的。

HTTP通信過(guò)程：根據(jù)URL查詢DNS、查找服務(wù)器、建立TCP連接、發(fā)送請(qǐng)求、服務(wù)器響應(yīng)。

對(duì)于HTTP，我覺(jué)得基礎(chǔ)的要知道HTTP是無(wú)狀態(tài)的、HTTP的消息結(jié)構(gòu)、基本請(qǐng)求方法、基本狀態(tài)碼這四部分。

HTTP協(xié)議需要學(xué)習(xí)的還很多很多，這只是基本需要知道的。

歡迎關(guān)注Coding個(gè)人筆記公眾號(hào)