什么是HTTP？
在Web應(yīng)用中贰剥，服務(wù)器把網(wǎng)頁(yè)傳給瀏覽器，實(shí)際上就是把網(wǎng)頁(yè)的HTML代碼發(fā)送給瀏覽器筷频，讓瀏覽器顯示出來(lái)蚌成。而瀏覽器和服務(wù)器之間的傳輸協(xié)議是HTTP，所以：
- HTML是超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language凛捏，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言担忧，會(huì)HTML，就可以編寫網(wǎng)頁(yè)葵袭；
- HTTP是在網(wǎng)絡(luò)上傳輸HTML的協(xié)議涵妥，所以叫做超文本傳輸協(xié)議，用于瀏覽器和服務(wù)器的通信。
請(qǐng)求與響應(yīng)
服務(wù)器與瀏覽器的交互
- 瀏覽器負(fù)責(zé)發(fā)起請(qǐng)求
- 服務(wù)器在 80 端口接收請(qǐng)求
- 服務(wù)器負(fù)責(zé)返回內(nèi)容（響應(yīng)）
- 瀏覽器負(fù)責(zé)下載響應(yīng)內(nèi)容
HTTP 的作用就是指導(dǎo)瀏覽器和服務(wù)器如何進(jìn)行溝通蓬网。
curl 命令
curl是一種命令行工具窒所，作用是發(fā)出網(wǎng)絡(luò)請(qǐng)求，然后得到和提取數(shù)據(jù)帆锋，顯示在"標(biāo)準(zhǔn)輸出"（stdout）上面吵取。
- 語(yǔ)法
$ curl [option] [url] - 常見參數(shù)
- 如果要把這個(gè)網(wǎng)頁(yè)保存下來(lái)，可以使用
-o參數(shù)锯厢，這就相當(dāng)于使用wget命令了皮官。
$ curl -o [文件名] [url] - 有的網(wǎng)址是自動(dòng)跳轉(zhuǎn)的。使用
-L參數(shù)实辑，curl就會(huì)跳轉(zhuǎn)到新的網(wǎng)址捺氢。
$ curl -L [url] -
-i參數(shù)可以顯示http response的頭信息，連同網(wǎng)頁(yè)代碼一起剪撬。
$ curl -i [url] -
-v參數(shù)可以顯示一次http通信的整個(gè)過(guò)程摄乒，包括端口連接和http request頭信息。
$ curl -v [url] - curl默認(rèn)的HTTP動(dòng)詞是GET残黑，使用
-X參數(shù)可以支持其他動(dòng)詞馍佑。
$ curl -X POST [url]
$ curl -X DELETE [url] - 發(fā)送表單信息
-發(fā)送表單信息有GET和POST兩種方法。GET方法相對(duì)簡(jiǎn)單梨水，只要把數(shù)據(jù)附在網(wǎng)址后面就行拭荤。
$ curl example.com/form.cgi?data=xxx
-POST方法必須把數(shù)據(jù)和網(wǎng)址分開，curl就要用到--data參數(shù)疫诽。
$ curl -X POST --data "data=xxx" example.com/form.cgi
請(qǐng)求示例
curl -s -v -H "Agmaps: xxx" -- "https://www.baidu.com"
用 curl 創(chuàng)造一個(gè)請(qǐng)求野崇，并得到響應(yīng)
- 請(qǐng)求的內(nèi)容為
GET / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.59.0
Accept: */*
Agmaps: xxx
curl -X POST -s -v -H "Agmaps: xxx" -- "Agmaps://www.baidu.com"
- 請(qǐng)求的內(nèi)容為
POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.59.0
Accept: */*
Agmaps: xxx
curl -X POST -d "Agmaps" -s -v -H "Agmaps: xxx" -- "https://www.baidu.com"
- 請(qǐng)求的內(nèi)容為
POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.59.0
Accept: */*
Agmaps: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded
Agmaps
請(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.59.0
3
4 要上傳的數(shù)據(jù)
- 請(qǐng)求最多包含四部分沦泌，最少包含三部分孝情。（也就是說(shuō)第四部分可以為空）
- 第三部分永遠(yuǎn)都是一個(gè)回車（\n）
- 動(dòng)詞有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
- 這里的路徑包括「查詢參數(shù)」龄广，但不包括「錨點(diǎn)」
- 如果你沒有寫路徑帅腌，那么路徑默認(rèn)為 /
- 第 2 部分中的 Content-Type 標(biāo)注了第 4 部分的格式
用 Chrome 發(fā)請(qǐng)求
- 打開 Network
- 地址欄輸入網(wǎng)址
- 在 Network 點(diǎn)擊绿满，查看 request亿胸，點(diǎn)擊「view source」
- 點(diǎn)擊「view source」
- 點(diǎn)擊「view source」
- 點(diǎn)擊「view source」
- 點(diǎn)了汹想？可以看到請(qǐng)求的前三部分了
- 如果有請(qǐng)求的第四部分追葡，那么在 FormData 或 Payload 里面可以看到
響應(yīng)示例
上面三個(gè)請(qǐng)求示例腺律，前兩個(gè)請(qǐng)求對(duì)應(yīng)的響應(yīng)分別為
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, 22 May 2018 12:31:38 GMT
Etag: "588603ec-98b"
Last-Modified: Mon, 23 Jan 2017 13:23:56 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> 后面太長(zhǎng)，省略了……
HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Tue, 22 May 2018 12:31:38 GMT
Etag: "54d9749e-460b"
Server: bfe/1.0.8.18
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 后面太長(zhǎng)宜肉，省略了……
- GET 請(qǐng)求和 POST 請(qǐng)求對(duì)應(yīng)的響應(yīng)可以一樣匀钧，也可以不一樣
- 響應(yīng)的第四部分可以很長(zhǎng)很長(zhǎng)很長(zhǎng)
響應(yīng)格式
1 協(xié)議/版本號(hào) 狀態(tài)碼 狀態(tài)解釋
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下載的內(nèi)容
- 狀態(tài)碼詳見HTTP狀態(tài)碼-維基百科，是服務(wù)器對(duì)瀏覽器說(shuō)的話
- 第 2 部分中的 Content-Type 標(biāo)注了第 4 部分的格式
- 第 2 部分中的 Content-Type 遵循 MIME 規(guī)范
用 Chrome 查看響應(yīng)
- 打開 Network
- 輸入網(wǎng)址
- 選中第一個(gè)響應(yīng)
- 查看 Response Headers谬返，點(diǎn)擊「view source」之斯，點(diǎn)擊「view source」，點(diǎn)擊「view source」
- 你會(huì)看到響應(yīng)的前兩部分
- 查看 Response 或者 Preview遣铝，你會(huì)看到響應(yīng)的第 4 部分
