網絡原理——http/https ---http(1)

在這里插入圖片描述

T04BF
👋專欄: 算法|JAVA|MySQL|C語言
🫵 今天你敲代碼了嗎

網絡原理 HTTP/HTTPS

HTTP,全稱為"超文本傳輸協議"
在這里插入圖片描述
HTTP 誕?與1991年. ?前已經發展為最主流使?的?種應?層協議.

在這里插入圖片描述
實際上,HTTP最新已經發展到 3.0

但是當前行業中主要使用的HTTP版本還是 1.1

應用場景

(1)網頁與服務器之間的交互

(2)手機APP 與服務器之間的交互

雖然HTTP作用很大,應用很廣,但是在實際開發里面,不一定真正直接使用HTTP,更大的概率是使用HTTPS

HTTPS,本質上還是HTTP,但是引入了額外的加密層(此處的s => 安全)

抓包工具

進一步理解HTTP協議的工作流程,以及理解 HTTP協議的報文格式,需要用到 “抓包工具”

所謂抓包,即使能夠把網絡上傳輸的HTTP數據獲取到,并且顯示出來

而抓包工具就是一個代理程序

我們常使用的HTTP抓包工具就是 Fiddler

我們使用fiddler 并且用瀏覽器打開搜狗的網頁:
在這里插入圖片描述
這些都是給搜狗服務器發送的請求數據

(瀏覽器訪問一個網站的時候,往往不是只發送一個請求,很可能是發送很多個請求)

我們關注的是藍色的 ,并且body這一列數據比較多的請求

(藍色的是服務器返回的HTML數據,黑色的就是返回的普通的數據,同時還會存在其他不同的顏色區分 => css js 圖片等)

此時用fiddler抓取請求的時,右邊就會有兩部分

在這里插入圖片描述
這個就是請求的詳情(右上角)

在這里插入圖片描述
這個是響應的詳情

實際上HTTP本來是文本協議,但是如果需要返回的響應比較大,就可能需要將響應數據壓縮再返回
服務器里面就寶貴的硬件資源就是網絡帶寬
經過壓縮就是用cpu資源,置換貸款資源
對于瀏覽器來說,解壓縮就是自動完成的
對于fiddler來說,就需要手動解壓縮

http請求報文

在這里插入圖片描述
我們來理解一下請求報文里面涉及的主要內容

首行

首行又包括3部分,分別是

(a)請求的方法
就是用來表示,當前這個請求要做什么,這里是get,就是表示要從服務器獲取某個數據

(b)請求的URL
表示請求對方的網址

?版本號
表示http協議的版本

在首行里面,是使用空格來區分三部分的

請求(header)

Host: sogou.com
Connection: keep-alive
sec-ch-ua: "Google Chrome";v="125", "Chromium";v="125", "Not.A/Brand";v="24"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Windows"
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
Sec-Fetch-Site: none
Sec-Fetch-Mode: navigate
Sec-Fetch-User: ?1
Sec-Fetch-Dest: document
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: zh-CN,zh;q=0.9
Cookie: SUID=B2F2E6B75019870A0000000065E83505; cuid=AAEhDK3JSgAAAAqHS15V8gEASQU=; SUV=1709716740486165; SMYUV=1712055327421647; ABTEST=3|1716650944|v17; SNUID=7E584C1EAAAFB3E158142029AA686AC3

header里面可以包含若干行數據

此處本質上是一個 "鍵值對"結構

每一行就是一個鍵值對,鍵和值之間是通過 : 分割的

這里的鍵,都是標準已經規定好了的

空行

最后一個header后面,存在一個空格,就是用來標識 header什么時候結束

正文body

可選的,有些情況下有正文,有些情況下則沒有
在這里插入圖片描述
這里的內容是任意的,可以是完整的HTML,也可以是完整的css / js,或者json數據 / 文件 / 字體…

響應報文

http響應這里也是有4部分的
在這里插入圖片描述

首行

首行也分成3部分
(a)HTTP版本
(b)狀態碼
?狀態碼描述

狀態碼和狀態碼描述,就是用來表示當前這個請求,是一個成功的現響應還是一個失敗的響應
如果失敗,具體是什么原因

響應的報頭header

Content-Security-Policy: script-src 'report-sample' 'nonce-DZQj_AIZgPzZ8U3IlRD6Rg' 'unsafe-inline' 'strict-dynamic' https: http:;object-src 'none';base-uri 'self';report-uri https://csp.withgoogle.com/csp/clientupdate-aus/1
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
Pragma: no-cache
Expires: Mon, 01 Jan 1990 00:00:00 GMT
Date: Sat, 25 May 2024 16:07:58 GMT
X-Cup-Server-Proof: 3045022053fcd15abefbd905af6aec3d7b1d8e22d568cfaef94045db64c55c6d360911760221009c9723e72e9aac45564bbe973b9a2d5d770605694f39c1d49c849f53c7a6609b:04476c6afa69f5b08dd45f8ea917d5749db193b1f2b53cd712a033d88b4545a0
ETag: W/"3045022053fcd15abefbd905af6aec3d7b1d8e22d568cfaef94045db64c55c6d360911760221009c9723e72e9aac45564bbe973b9a2d5d770605694f39c1d49c849f53c7a6609b:04476c6afa69f5b08dd45f8ea917d5749db193b1f2b53cd712a033d88b4545a0"
Content-Type: application/json; charset=utf-8
X-Daynum: 6354
X-Daystart: 32878
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Server: GSE
Alt-Svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
Content-Length: 461