目錄

一. 定義

二. 網(wǎng)絡(luò)結(jié)構(gòu)模式

三. 客戶端-瀏覽器Browser

四. Web服務(wù)器端

五. Cookie

六. HTTP協(xié)議

1. HTTP簡(jiǎn)介

2. HTTP方法

3. 各種協(xié)議與HTTP協(xié)議的關(guān)系

七. TCP/IP通信傳輸流

---

---

一. 定義

1. Web:World Wide Web, 其內(nèi)容以頁(yè)面的形式表現(xiàn)。

• 超文本(Hypertext)：一個(gè)頁(yè)面指向另一個(gè)頁(yè)面。用戶單擊一個(gè)鏈接就可以來(lái)到該鏈接所指向的頁(yè)面。
• 超媒體(Hypermedia)：超文本和多媒體的結(jié)合。用戶可以在頁(yè)面激活一段聲音，顯示一個(gè)圖形，甚至播放一段視頻。
• 超文本傳輸協(xié)議(HTTP) ：Web瀏覽器向一個(gè)或多個(gè)Web服務(wù)器發(fā)送請(qǐng)求，服務(wù)器以頁(yè)面的內(nèi)容作為響應(yīng)。這里的“請(qǐng)求-響應(yīng)”協(xié)議，即HTTP協(xié)議基于文本協(xié)議，運(yùn)行于TCP之上。

2. 瀏覽器：顯示頁(yè)面的程序。

3. 統(tǒng)一資源定位符（URL，Uniform Resource Locator）：用類標(biāo)識(shí)每個(gè)頁(yè)面。包含三部分：協(xié)議，域名，路徑。如：

http（協(xié)議）://www.cs.washington.edu（域名）/index.html（頁(yè)面的路徑）

4. Web的體系結(jié)構(gòu)

（圖片來(lái)源自Andrew S.Tanenbaum與David J.Wetherall的《計(jì)算機(jī)網(wǎng)絡(luò)（第五版）》）

圖中Web瀏覽器向三個(gè)服務(wù)器（youtube.com, www.cs.washington.edu, google-analytics.com）發(fā)送請(qǐng)求，從而獲得了兩個(gè)頁(yè)面。來(lái)自不同服務(wù)器的內(nèi)容集成在一起通過(guò)瀏覽器顯示。www.cs.washington.edu服務(wù)器提供了主頁(yè)面，youtube.com服務(wù)器提供了一段嵌入的視頻，google-analytics.com服務(wù)器沒(méi)有提供任何用戶可見(jiàn)的內(nèi)容，但它追蹤訪問(wèn)網(wǎng)站的用戶。

二. 網(wǎng)絡(luò)結(jié)構(gòu)模式

1. C/S(Client/Server)

• 客戶端/服務(wù)器端架構(gòu)，典型的兩層結(jié)構(gòu)。
• 客戶端：一個(gè)或多個(gè)在用戶電腦上運(yùn)行的程序。
• 服務(wù)器端

1. 數(shù)據(jù)庫(kù)服務(wù)器端：客戶端通過(guò)數(shù)據(jù)庫(kù)連接訪問(wèn)服務(wù)器端的數(shù)據(jù)

2. Socket服務(wù)器端：服務(wù)器端的程序通過(guò)Socket與客戶端的程序通信

2. B/S(Browser/Server)-這里主要介紹該模式

• 瀏覽器/服務(wù)器架構(gòu)，三層結(jié)構(gòu)
• Browser客戶端 ：負(fù)責(zé)處理顯示邏輯
• Web服務(wù)器 ：負(fù)責(zé)處理事務(wù)邏輯
• 數(shù)據(jù)庫(kù)服務(wù)器

（圖片來(lái)源于：http://www.ltesting.net/html/84/n-141684.html）

三. 客戶端-瀏覽器Browser

1. 一個(gè)瀏覽器是一個(gè)應(yīng)用程序，負(fù)責(zé)將用戶選擇的web資源呈現(xiàn)出來(lái)。

2. 瀏覽器的組成

主要組件：

• 用戶界面 - 包括地址欄、后退/前進(jìn)按鈕、書(shū)簽?zāi)夸浀?/li>
• 瀏覽器引擎 （Browser engine）- 用來(lái)查詢及操作渲染引擎的接口
• 渲染引擎 （Rendering engine）- 瀏覽器的內(nèi)核，負(fù)責(zé)將網(wǎng)頁(yè)代碼轉(zhuǎn)化成可見(jiàn)的頁(yè)面
• 網(wǎng)絡(luò) - 完成網(wǎng)絡(luò)調(diào)用
• UI后端 - 用來(lái)繪制類似組合選擇框及對(duì)話框等基本組件，底層使用操作系統(tǒng)的用戶接口
• JS解析器 - 用來(lái)解釋執(zhí)行JS代碼
• 數(shù)據(jù)存儲(chǔ) - 瀏覽器在用戶磁盤(pán)中保存類似于Cookie的各種數(shù)據(jù)。HTML5定義了一種輕量級(jí)的客戶端存儲(chǔ)技術(shù)Web Database技術(shù)

3. 當(dāng)用戶點(diǎn)擊一個(gè)超鏈接時(shí)，瀏覽器執(zhí)行的系列步驟

（1）瀏覽器確定URL

（2）瀏覽器請(qǐng)求DNS查詢www.cs.washington.edu服務(wù)器的IP地址

（3）DNS返回128.208.3.88

（4）瀏覽器與128.208.3.88機(jī)器的80端口建立一個(gè)TCP連接（80端口是HTTP協(xié)議的默認(rèn)端口）

（5）瀏覽器發(fā)送HTTP報(bào)文，請(qǐng)求/index.html頁(yè)面

（6）www.cs.washington.edu服務(wù)器向?yàn)g覽器響應(yīng)頁(yè)面，如發(fā)送文件/index.html

（7）若該頁(yè)面包括需要顯示的URL，瀏覽器通過(guò)相同的處理過(guò)程獲取其他URL。該例子中，URL包括多個(gè)取自www.cs.washington.edu的內(nèi)嵌圖像，一段取自youtube.com的內(nèi)嵌視頻和一個(gè)取自google-analytics.com的腳本。

（8）瀏覽器渲染顯示頁(yè)面/index.html

（9）若短期內(nèi)沒(méi)有向同一個(gè)服務(wù)器發(fā)送其他請(qǐng)求，釋放TCP連接。

四. Web服務(wù)器端

1. Web服務(wù)器的工作流程

• 接受來(lái)自瀏覽器的TCP連接請(qǐng)求
• 獲取頁(yè)面的路徑，即被請(qǐng)求文件的名字
• 從磁盤(pán)中讀取文件
• 將文件內(nèi)容響應(yīng)給瀏覽器
• 釋放該TCP連接

2. 為了解決文件訪問(wèn)瓶頸，減少讀磁盤(pán)的操作，會(huì)在內(nèi)存中維護(hù)一個(gè)緩存，保存著n個(gè)最近使用過(guò)的文件或者內(nèi)容。服務(wù)器從磁盤(pán)讀取文件前，首先檢查緩存。

3. 為了解決一次只能服務(wù)一個(gè)請(qǐng)求的問(wèn)題，將服務(wù)器設(shè)計(jì)成多線程（multithreaded）模式。

（圖片來(lái)源自Andrew S.Tanenbaum與David J.Wetherall的《計(jì)算機(jī)網(wǎng)絡(luò)（第五版）》）

多線程服務(wù)器由一個(gè)前端模塊和一個(gè)處理模塊組成。前端模塊接收所有入境請(qǐng)求; k+1個(gè)線程全部屬于同一個(gè)進(jìn)程，所有處理模塊（線程）都可以訪問(wèn)當(dāng)前進(jìn)程地址空間中的緩存。

五. Cookie

• 小甜餅Cookie，一小段文本信息，由瀏覽器存儲(chǔ)在客戶機(jī)磁盤(pán)Cookie目錄下
• Cookie只是字符串，最多4KB，不是可執(zhí)行程序，因而不存在病毒得以實(shí)際運(yùn)行從而造成損害

六. HTTP協(xié)議

1. HTTP簡(jiǎn)介

• HTTP協(xié)議（Hyper Text Transfer Protocol超文本傳輸協(xié)議）,用于從萬(wàn)維網(wǎng)（WWW:World Wide Web）服務(wù)器傳輸超文本到本地瀏覽器。
• 應(yīng)用層協(xié)議，請(qǐng)求-響應(yīng)協(xié)議，運(yùn)行在TCP之上。
• HTTP默認(rèn)端口號(hào)為80。瀏覽器通常與服務(wù)器的80端口建立TCP連接。
• 無(wú)連接：每次連接只處理一個(gè)請(qǐng)求。服務(wù)器處理完客戶端的請(qǐng)求，并收到客戶端的應(yīng)答后，即斷開(kāi)連接。節(jié)省傳輸時(shí)間。
• 無(wú)狀態(tài)：對(duì)事務(wù)處理沒(méi)有記憶能力，若后續(xù)處理需要前面的信息，則必須重傳。

2. HTTP方法

方法描述GET請(qǐng)求服務(wù)器發(fā)送頁(yè)面（完成查詢操作）HEAD請(qǐng)求一個(gè)Web頁(yè)面的消息頭POST

向指定資源提交數(shù)據(jù)進(jìn)行處理請(qǐng)求（例如提交表單或者上傳文件）。數(shù)據(jù)被包含在請(qǐng)求體中。POST請(qǐng)求可能會(huì)導(dǎo)致新的資源的建立和/或已有資源的修改。

（完成增刪改操作）

PUT向服務(wù)器寫(xiě)入一個(gè)Web頁(yè)面DELETE刪除頁(yè)面TRACE回顯服務(wù)器收到的請(qǐng)求，用于測(cè)試或診斷CONNECT通過(guò)代理連接OPTIONS一個(gè)頁(yè)面的查詢選項(xiàng)

3. 各種協(xié)議與HTTP協(xié)議的關(guān)系

（來(lái)源于《圖解HTTP》）

七. TCP/IP通信傳輸流

（來(lái)源于《圖解HTTP》）