有人說過,精通HTTP協議能贏過95%的前端工程師,因此我毅然的踏上這條路,哈哈哈,接下來把本身的學習筆記整理出來。html
我會從比較底層的模型開始:前端
一、網絡的五層模型跨域
二、TCP/IP協議瀏覽器
三、HTTP協議安全
四、端口的做用服務器
五、響應碼cookie
六、HTTPS協議網絡
七、資源跨域共享(CORS)前端工程師
一:網絡的五層模型學習
網絡的五層模型以下圖:
物理層主要功能:爲數據端設備提供傳送數據通路、傳輸數據。數據通路能夠是一個物理媒體,也能夠是多個物理媒體鏈接而成,物理層的媒體包括架空明線、平衡電纜、光纖、無線信道等,處於最底層,倒是整個開放系統的基礎。
數據鏈路層:在物理層提供的服務的基礎上向網絡層提供服務,主要功能有:將數據組合成數據塊,控制數據塊在物理信道上的傳輸,在兩個網絡實體之間提供數據鏈路通路的創建、維持和釋放的管理。
網絡層:數據鏈路層提供的兩個相鄰端點之間的數據幀的傳送功能上,進一步管理網絡中的數據通訊,將數據設法從源端通過若干個中間節點傳送到目的端,從而向運輸層提供最基本的端到端的數據傳送服務。網絡層的目的是實現兩個端系統之間的數據透明傳送,具體功能包括尋址和路由選擇、鏈接的創建、保持和終止等。
運輸層:做用是在優化網絡服務的基礎上,爲源主機和目標主機之間提供可靠的價格合理的透明數據傳輸,使高層服務用戶在相互通訊時沒必要關心通訊子網實現的細節,是整個協議中最核心的一層。
應用層的核心功能:須要完成數據的管理和數據的處理,將這些數據與各行業應用相結合。
網絡五層模型及對應的協議:
二:TCP/IP協議
早期的計算機網絡都是由各廠商本身規定一套協議,互不兼容。計算機爲了聯網,規定了一套通用的協議,就是互聯網協議(TCP/IP協議)
IP協議:
IP是每一個網卡上網的惟一身份標識,是TCP/IP協議中的強制標準。這不是說每一個主機只有一個IP地址,IP地址對應的是計算機的網絡接口,一般是網卡。
IP協議負責把IP數據包從一臺計算機經過網絡發送到另外一臺計算機。即數據被分割成一小塊一小塊,而後經過IP包發送出去。因爲它的這種特性,因此IP包的特色是按塊發送,途徑多個路由,不保證能到達,也不保證順序到達。
IP數據包包括首部和數據,首部中包括源地址和目標地址,源端口和目標端口。
TCP協議:
TCP協議是創建在IP協議之上的,就是爲了解決IP協議的不可靠性和不連續性。TCP協議負責在兩臺計算機之間創建可靠鏈接,保證數據包按順序到達。
TCP協議會經過握手創建鏈接,對每一個IP數據包編號,確保對方按順序收到,若是包丟了,就會自動重發。
更高級的協議創建在TCP協議基礎上,比較FTP文件傳輸協議、SMTP郵件傳輸協議、HTTP超文本傳輸協議等等。
三:HTTP協議
HTTP協議在棧中的位置:
HTTP是在網絡上傳輸HTML的協議,用於瀏覽器和服務器的通訊,以明文方式發送內容,不提供任何方式的數據加密。
在WEB應用中,服務器把網頁傳給瀏覽器,實際上就是把網頁的HTML代碼發送給瀏覽器,讓瀏覽器渲染出來。
HTTP協議的主要特色:
一、支持客戶/服務器模式
二、簡單快速:客戶端向服務器請求服務時,只需發送請求方法和路徑
三、靈活:HTTP容許傳輸任意類型的數據對象
四、無鏈接:限制每次鏈接只處理一個請求,服務器處理完客戶的請求並收到客戶的應答後,就會斷開鏈接
五、無狀態:是指協議對於事務處理沒有記憶能力,缺乏狀態意味着若是後續處理須要前面的信息,則必須重傳,這樣可能致使每次鏈接傳送的數據量增大,因此cookie是爲了解決這個問題
http://120.77.171.182:80/
http表示要經過HTTP協議來定位網絡資源;
120.77.171.182表示合法的IP地址,固然也能夠是主機域名;
80是指定的一個端口號,省略了也會默認80端口;
一般有一些url地址會在端口號後面跟上/index.html之類,端口以後的是請求資源的URI;若是沒有,瀏覽器會自動以‘/’的形式給出。
在地址欄輸入http://120.77.171.182/
瀏覽器發給服務器的請求
GET表示一個讀取請求,將從服務器得到網頁數據,/表示URL的路徑,URL老是以/開頭,/就表示首頁,最後的HTTP/1.1指示採用的HTTP協議版本是1.1。
Host表示請求的域名
顯示服務器返回的原始響應數據
200表示一個成功的響應,後面的OK是狀態描述。
瀏覽器就是依靠Content-Type來判斷響應的內容是網頁仍是圖片,是視頻仍是音樂。
當瀏覽器讀取到新浪首頁的HTML源碼後,它會解析HTML,顯示頁面,而後,根據HTML裏面的各類連接,再發送HTTP請求給新浪服務器,拿到相應的圖片、視頻、Flash、JavaScript腳本、CSS等各類資源,最終顯示出一個完整的頁面。
HTTP請求流程
步驟1:瀏覽器首先向服務器發送HTTP請求,請求包括:
方法:GET仍是POST,GET僅請求資源,POST會附帶用戶數據;
路徑:/full/url/path;
域名:由Host頭指定:Host: 120.77.171.182
以及其餘相關的Header;
若是是POST,那麼請求還包括一個Body,包含用戶數據。
步驟2:服務器向瀏覽器返回HTTP響應,響應包括:
響應代碼:200表示成功,3xx表示重定向,4xx表示客戶端發送的請求有錯誤,5xx表示服務器端處理時發生了錯誤;
響應類型:由Content-Type指定;text/html是純網頁內容、text/plain是純文本、image/jpeg是圖片資源
以及其餘相關的Header;
一般服務器的HTTP響應會攜帶內容,也就是有一個Body,包含響應的內容,網頁的HTML源碼就在Body中。
步驟3:若是瀏覽器還須要繼續向服務器請求其餘資源,好比圖片,就再次發出HTTP請求,重複步驟一、2。
四:端口的做用
在一臺服務器上一般只有一個IP地址,可是服務可能有不少個,好比一臺計算機有qq、瀏覽器、視頻多種應用,數據傳送過來沒法知道該傳給哪個服務,因此有了端口號做以區分。
做用:區分服務類別和在同一時間進行多個會話。
80端口:Web服務默認端口號
21端口:telnet協議的端口
五:響應碼
1XX:信息響應類,表示接收到請求而且繼續處理
2XX:處理成功響應類,表示動做被成功接受、理解和接受
3XX:重定向響應類,爲了完成指定的動做,必須接受進一步處理
4XX:客戶端錯誤,客戶請求包含語法錯誤或者不能正確執行
5XX:服務端錯誤,服務器不能正確執行一個正確的請求
六:HTTPS協議
是以安全爲目標的HTTP通道,簡單講是HTTP的安全版,即HTTP下加入SSL層。
通常意義上的https,就是服務器有一個證書
http和https的對比
HTTP和HTTPS的區別:
七:跨域資源共享CORS
容許瀏覽器向跨源服務器發出XMLHttpRequest請求,從而克服了AJAX只能同源使用的限制
通常是在服務器端進行控制,在服務器編寫一個跨域資源共享接口。
Access-Control-Allow-Origin:* 表示接受任意域名的請求,該字段是必須的。
Access-Control-Allow-Credentials:true 表示是否容許發送Cookie
Access-Control-Request-Method 該字段是必須的,用來列出瀏覽器的CORS請求會用到哪些HTTP方法
今天整理到這裏了,歡迎指正!