HTTP入門

weixin_34253539發表於2018-06-22
HTTP
8562733-f2dfc9f0487e8511.png
伺服器與瀏覽器的互動
  • 瀏覽器負責發起請求
  • 伺服器在80埠接收請求
  • 伺服器負責返回內容（響應）
  • 瀏覽器負責下載響應內容
    HTTP的作用就是知道瀏覽器和伺服器如何溝通。

請求例項

curl命令：


8562733-4a52d3ac71619f89.png
explianshell解釋

大概的意思就是將整個網頁資訊爬下來，中間也可以加一些其他命令。

curl -s -v -H -- "https://www.baidu.com"

8562733-46dce1b3eb32f7af.png
用 curl 創造一個請求，並得到響應

請求的內容為
curl
GET / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: /

curl -X POST -s -v -H "Frank: xxx" -- "https://www.baidu.com"

請求的內容為

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: /
Frank: xxx

curl -X POST -d "1234567890" -s -v -H "Frank: xxx" -- "https://www.baidu.com"
請求的內容為

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: /
Frank: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded

1234567890

請求格式

1 動詞 路徑 協議/版本
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 要上傳的資料

  1. 請求最多包含四部分，最少包含三部分。（也就是說第四部分可以為空）
  2. 第三部分永遠都是一個回車（\n）
  3. 動詞有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
  4. 這裡的路徑包括「查詢引數」，但不包括「錨點」
  5. 如果你沒有寫路徑，那麼路徑預設為 /
  6. 第 2 部分中的 Content-Type 標註了第 4 部分的格式

用Chrome法請求

  1. 開啟 Network
  2. 位址列輸入網址
  3. 在 Network 點選，檢視 request，點選「view source」
  4. 點選「view source」
  5. 點選「view source」
  6. 點選「view source」
  7. 如果有請求的第四部分，那麼在 FormData 或 Payload 裡面可以看到

響應

請求了之後，應該都能得到一個響應，除非斷網了，或者伺服器當機了。

響應示例

上面三個請求示例，前兩個請求對應的響應分別為

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, 10 Oct 2017 09:14:05 GMT
Etag: "5886041d-98b"
Last-Modified: Mon, 23 Jan 2017 13:24:45 GMT
Pragma: no-cache
Server: bfe/1.0.8.18
Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/

<!DOCTYPE html>
<html> <head> 後面太長，省略了……
HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:19:47 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 請求對應的響應可以一樣，也可以不一樣
響應的第四部分可以很長很長很長

響應的格式

1 協議/版本號 狀態碼 狀態解釋
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下載的內容

  • 狀態碼
    1xx 不常用
    2xx 表示成功
    3xx 表示暫時不存在
    4xx 表示無法訪問
    5xx 表示伺服器問題
  • 狀態解釋沒什麼用
  • 第 2 部分中的 Content-Type 標註了第 4 部分的格式
  • 第 2 部分中的 Content-Type 遵循 MIME 規範

用 Chrome 檢視響應

  1. 開啟 Network
  2. 輸入網址
  3. 選中第一個響應
  4. 檢視 Response Headers，點選「view source」，點選「view source」，點選「view source」
  5. 你會看到響應的前兩部分
  6. 檢視 Response 或者 Preview，你會看到響應的第 4 部分

以上就是我對HTTP的操作與認識。

相關文章