目錄

一. 定義

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

三. 客戶端-瀏覽器Browser

四. Web服務(wù)器端

五. Cookie

六. HTTP協(xié)議

1. HTTP簡介

2. HTTP方法

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

七. TCP/IP通信傳輸流

---

---

一. 定義

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

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

2. 瀏覽器：顯示頁面的程序。

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

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

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

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

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

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

1. C/S(Client/Server)

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

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

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

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

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

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

三. 客戶端-瀏覽器Browser

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

2. 瀏覽器的組成

主要組件：

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

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

（1）瀏覽器確定URL

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

（3）DNS返回128.208.3.88

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

（5）瀏覽器發(fā)送HTTP報文，請求/index.html頁面

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

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

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

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

四. Web服務(wù)器端

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

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

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

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

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

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

五. Cookie

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

六. HTTP協(xié)議

1. HTTP簡介

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

2. HTTP方法

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

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

（完成增刪改操作）

PUT向服務(wù)器寫入一個Web頁面DELETE刪除頁面TRACE回顯服務(wù)器收到的請求，用于測試或診斷CONNECT通過代理連接OPTIONS一個頁面的查詢選項

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

（來源于《圖解HTTP》）

七. TCP/IP通信傳輸流

（來源于《圖解HTTP》）