一瓷胧、WWW
首先先介紹一些服務(wù)器端默認(rèn)端口
- 21: ftp服務(wù)端口
- 443: https端口
- 1080: 代理端口
- 80:服務(wù)http服務(wù)器
-
3306: 服務(wù)于mySQL服務(wù)器
從瀏覽器發(fā)起請(qǐng)求到的執(zhí)行順序如下圖所示：
01.png
具體步驟為:
- 瀏覽器發(fā)起請(qǐng)求
- 服務(wù)器在80端口接收請(qǐng)求
- 服務(wù)器響應(yīng)請(qǐng)求
- 瀏覽器下載響應(yīng)內(nèi)容
HTTP的主要作用就是指導(dǎo)瀏覽器和服務(wù)器如何溝通显拳。
二、URL
在訪問(wèn)一個(gè)網(wǎng)站的過(guò)程中搓萧，我們主要接觸到的三個(gè)概念：
- URI:統(tǒng)一資源標(biāo)識(shí)符（Uniform Resource Identifier俗稱網(wǎng)址杂数，作用是能讓你訪問(wèn)一個(gè)頁(yè)面，URI包括URN(統(tǒng)一資源標(biāo)識(shí)符,Uniform Resource Identifier)和URL(統(tǒng)一資源定位符,Uniform Resource Locator);
- HTTP:兩個(gè)電腦之間的傳輸協(xié)議瘸洛，作用是能讓你下載這個(gè)頁(yè)面
- HTML:超級(jí)文本揍移，主要用來(lái)做頁(yè)面跳轉(zhuǎn)，作用是讓用戶看懂這個(gè)頁(yè)面
這里解釋一下URN和URL的區(qū)別：
URN:通過(guò)URN可以確定一個(gè)唯一的資源
URL:通過(guò)URL可以卻低估一個(gè)唯一的網(wǎng)址
如：https://www.baidu.com/s?wd=hello&rsv_spt=1#5 反肋，
其中：
- https:協(xié)議
- www.baidu.com ：域名
- /s :路徑
- ?wd=hello&rsv_spt=1：查詢參數(shù)
- # 5:錨點(diǎn)
三那伐、DNS(Domain Name System，域名系統(tǒng)) & Hosts
DNS的作用是輸入一個(gè)域名石蔗，然后會(huì)輸出一個(gè)與域名對(duì)應(yīng)的IP值
nslookup baidu.com //在終端輸入此命令罕邀，會(huì)返回對(duì)用域名的IP
ping baidu.com //可以在終端ping一下此域名，仍然可以返回對(duì)應(yīng)IP
既然可以通過(guò)域名訪問(wèn)IP养距，那么我們就可以給某些域名指定IP：
sudo vi /etc/hosts //編輯文件
127.0.0.1 baidu.com //在最后一行輸入此內(nèi)容后保存關(guān)閉
ping baidu.com //ping此網(wǎng)址诉探，可以看到返回的IP為127.0.0.1
四、請(qǐng)求和響應(yīng)
1棍厌、請(qǐng)求示例（GET）
curl -s -v -H "Summer : coming" -- "https://www.baidu.com" //在終端輸入
其中:
curl的含義為transfer a URL
-s 為不顯示進(jìn)度條
-v 顯示請(qǐng)求和響應(yīng)肾胯，如果無(wú)-v，則只顯示響應(yīng)
-H "Summer:coming" 添加了一個(gè)響應(yīng)頭
-
--后是請(qǐng)求的網(wǎng)址
02.png
顯示的數(shù)據(jù)中耘纱，以*開(kāi)頭的為注釋語(yǔ)句敬肚，可以忽略；
以 > 開(kāi)頭的為請(qǐng)求內(nèi)容揣炕，
以 < 開(kāi)頭的為響應(yīng)數(shù)據(jù)帘皿，
接下來(lái)解讀一下請(qǐng)求內(nèi)容： GET / HTTP/1.1：Get方式，/ 為根目錄畸陡，HTTP/1.1 協(xié)議和版本號(hào)
Host: www.baidu.com：訪問(wèn)的域名
User-Agent: curl/7.54.0：用的是什么環(huán)境發(fā)起的請(qǐng)求，此處為使用curl虽填，版本為7.54.0發(fā)起的請(qǐng)求
Accept: /：接受返回的任何內(nèi)容
Summer : coming：可加可不加的內(nèi)容
接下來(lái)解讀一下響應(yīng)內(nèi)容：
- 1.HTTP/1.1 200 OK ：協(xié)議/版本 狀態(tài)碼(成功) OK
- 2.Accept-Ranges: bytes
- 2.Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
- 2.Connection: Keep-Alive
- 2.Content-Length: 2443：返回頁(yè)面長(zhǎng)度
- 2.Content-Type: text/html：返回的文件類型
- 2.Date: Sun, 01 Apr 2018 15:50:19 GMT
- 2.Etag: "588603e2-98b"
- 2.Last-Modified: Mon, 23 Jan 2017 13:23:46 GMT
- 2.Pragma: no-cache
- 2.Server: bfe/1.0.8.18 ：百度外部服務(wù)器編號(hào)
- 2.Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/
- 此處為空行
- 4.返回的內(nèi)容
2丁恭、請(qǐng)求示例（POST）
curl -X POST -s -v -H "Summer : coming" -- "https://www.baidu.com" //在終端輸入，命令行1
curl -X POST -d "123455" -s -v -H "Summer : coming" -- "https://www.baidu.com" //命令行2
其中:
- -X POST :默認(rèn)的請(qǐng)求方式為GET,此處使用指定POST方式請(qǐng)求數(shù)據(jù)
- -d "123455"：是指需要往請(qǐng)求地址中上傳數(shù)據(jù)
命令行1的輸出結(jié)果：
命令行2的輸出結(jié)果：
顯示的數(shù)據(jù)中斋日，以*開(kāi)頭的為注釋語(yǔ)句牲览，可以忽略；
以 > 開(kāi)頭的為請(qǐng)求內(nèi)容恶守，
以 < 開(kāi)頭的為響應(yīng)數(shù)據(jù)第献，
其中返回的為
接下來(lái)解讀一下請(qǐng)求內(nèi)容：
- POST / HTTP/1.1：除請(qǐng)求方式不一致贡必，其他與GET方式請(qǐng)求的內(nèi)容一致
- Content-Length:6：為-d 后數(shù)據(jù)的長(zhǎng)度
- Content-Type: application/x-www-form-urlencoded：上傳數(shù)據(jù)的格式
解讀一下響應(yīng)內(nèi)容：
- 除返回的狀態(tài)碼不一致，為302庸毫，其他與GET方式一致仔拟，
根據(jù)以上可以總結(jié)出，所有的請(qǐng)求格式：
1 動(dòng)詞 路徑 協(xié)議/版本
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 HOst: www.baidu.com
2 User-Agent: curl/7.54.0
3
4 要上傳的數(shù)據(jù)
- 即請(qǐng)求中最多包含四部分飒赃，最少三部分利花，包含三部分時(shí)無(wú)請(qǐng)求數(shù)據(jù)
- 第三部分永遠(yuǎn)為一個(gè)回車
- 所有動(dòng)詞包含：GET(獲取) POST(新增，上傳) PUT(整體更新) PATCH(部分更新) DELETE(刪除) HEAD OPTIONS等
- 路徑包含查詢參數(shù)载佳，不包括錨點(diǎn)
- 不寫(xiě)路徑默認(rèn)為/
- 第二部分Content-Type標(biāo)注第四部分的數(shù)據(jù)格式
所有的響應(yīng)格式為：
1 協(xié)議/版本 狀態(tài)碼 狀態(tài)解釋
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Length: 17931
2 Content-Length: text/html
3
4 要下載的內(nèi)容
- 即請(qǐng)求中最多包含四部分炒事，最少三部分，包含三部分時(shí)無(wú)請(qǐng)求數(shù)據(jù)
- 第三部分永遠(yuǎn)為一個(gè)回車
- 所有動(dòng)詞包含：GET(獲取) POST(新增蔫慧，上傳) PUT(整體更新) PATCH(部分更新) DELETE(刪除) HEAD OPTIONS等
- 路徑包含查詢參數(shù)挠乳，不包括錨點(diǎn)
- 不寫(xiě)路徑默認(rèn)為/
- 第二部分Content-Type標(biāo)注第四部分的數(shù)據(jù)格式
五、 其他
1姑躲、Get和POST區(qū)別
GET：獲取內(nèi)容欲侮，如打開(kāi)頁(yè)面，此方式也可添加-d來(lái)傳數(shù)據(jù)肋联，但是www.baidu.com不承認(rèn)此種方法上傳數(shù)據(jù)威蕉；再就是GET方式可以通過(guò)URL來(lái)傳遞數(shù)據(jù)，這就意味著數(shù)據(jù)暴露且瀏覽器對(duì)于URL的長(zhǎng)度是有限制的橄仍，如果數(shù)據(jù)量較大韧涨，瀏覽器的限制會(huì)截取掉部分?jǐn)?shù)據(jù)
POST：上傳內(nèi)容，如登錄侮繁；且POST傳遞的數(shù)據(jù)大小相對(duì)于GET就大很多虑粥，不易暴露數(shù)據(jù)
2、使用Chrome發(fā)請(qǐng)求
1)f12/鼠標(biāo)右鍵查看 -> Network
2)地址欄輸入網(wǎng)址
3)在Network中宪哩，查看request Headers->view source->可查看到請(qǐng)求的第一/第二部分
4)POST請(qǐng)求查看需有登錄操作娩贷，并且選中Preserve log(保留日志)，按上述操作即可查看到請(qǐng)求的第四部分內(nèi)容
3锁孟、使用Chrome查看響應(yīng)
Network->Response->view source
4彬祖、常用狀態(tài)碼
1xx：不常用
2xx：表示成功，200普通成功品抽，204創(chuàng)建成功
3xx：無(wú)法請(qǐng)求到資源储笑，301被請(qǐng)求的資源已永久移動(dòng)到新位置，302請(qǐng)求的資源臨時(shí)從不同的 URI響應(yīng)請(qǐng)求圆恤，304這次內(nèi)容和上次內(nèi)容相同（上一次的為200）
4xx：表示瀏覽器出錯(cuò)突倍，404請(qǐng)求失敗，請(qǐng)求所希望得到的資源未被在服務(wù)器上發(fā)現(xiàn)，即訪問(wèn)不存在路徑或地址出錯(cuò)羽历，403服務(wù)器已經(jīng)理解請(qǐng)求焊虏，但是拒絕執(zhí)行它。
5xx：服務(wù)器出錯(cuò)秕磷，500服務(wù)器遇到了一個(gè)未曾預(yù)料的狀況诵闭，導(dǎo)致了它無(wú)法完成對(duì)請(qǐng)求的處理。502作為網(wǎng)關(guān)或者代理工作的服務(wù)器嘗試執(zhí)行請(qǐng)求時(shí)跳夭，從上游服務(wù)器接收到無(wú)效的響應(yīng)涂圆。
本文已轉(zhuǎn)發(fā)至個(gè)人博客和知乎。歡迎閱讀币叹，如有錯(cuò)誤润歉，敬請(qǐng)指正。轉(zhuǎn)載請(qǐng)注明出處颈抚。
推薦書(shū)目： 《圖解 HTTP》踩衩、《HTTP 權(quán)威指南》
