什么是HTTP？
在Web應(yīng)用中，服務(wù)器把網(wǎng)頁傳給瀏覽器，實(shí)際上就是把網(wǎng)頁的HTML代碼發(fā)送給瀏覽器，讓瀏覽器顯示出來。而瀏覽器和服務(wù)器之間的傳輸協(xié)議是HTTP，所以：
- HTML是超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言，會HTML，就可以編寫網(wǎng)頁；
- HTTP是在網(wǎng)絡(luò)上傳輸HTML的協(xié)議，所以叫做超文本傳輸協(xié)議，用于瀏覽器和服務(wù)器的通信。
請求與響應(yīng)
服務(wù)器與瀏覽器的交互
- 瀏覽器負(fù)責(zé)發(fā)起請求
- 服務(wù)器在 80 端口接收請求
- 服務(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ò)請求，然后得到和提取數(shù)據(jù)，顯示在"標(biāo)準(zhǔn)輸出"（stdout）上面。
- 語法
$ curl [option] [url] - 常見參數(shù)
- 如果要把這個(gè)網(wǎng)頁保存下來，可以使用
-o參數(shù)，這就相當(dāng)于使用wget命令了。
$ curl -o [文件名] [url] - 有的網(wǎng)址是自動(dòng)跳轉(zhuǎn)的。使用
-L參數(shù)，curl就會跳轉(zhuǎn)到新的網(wǎng)址。
$ curl -L [url] -
-i參數(shù)可以顯示http response的頭信息，連同網(wǎng)頁代碼一起。
$ curl -i [url] -
-v參數(shù)可以顯示一次http通信的整個(gè)過程，包括端口連接和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方法相對簡單，只要把數(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
請求示例
curl -s -v -H "Agmaps: xxx" -- "https://www.baidu.com"
用 curl 創(chuàng)造一個(gè)請求，并得到響應(yī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"
- 請求的內(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"
- 請求的內(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
請求格式
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ù)
- 請求最多包含四部分，最少包含三部分。（也就是說第四部分可以為空）
- 第三部分永遠(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ā)請求
- 打開 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)了？可以看到請求的前三部分了
- 如果有請求的第四部分，那么在 FormData 或 Payload 里面可以看到
響應(yīng)示例
上面三個(gè)請求示例，前兩個(gè)請求對應(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> 后面太長，省略了……
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"> 后面太長，省略了……
- GET 請求和 POST 請求對應(yīng)的響應(yīng)可以一樣，也可以不一樣
- 響應(yīng)的第四部分可以很長很長很長
響應(yīng)格式
1 協(xié)議/版本號 狀態(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ù)器對瀏覽器說的話
- 第 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」
- 你會看到響應(yīng)的前兩部分
- 查看 Response 或者 Preview，你會看到響應(yīng)的第 4 部分
