從 URL 輸入到頁面展現過程

整個過程可分為網絡通信頁面渲染尘吗。

一、url是什么

舉個例子

讓我們來解析一下下面這一段:

http://mail.163.com/index.html

1) http://? ? :這個是協議喂柒,也就是HTTP超文本傳輸協議辣卒,也就是網頁在網上傳輸的協議(常見的協議還有http ftp mailto telnet file等)拧晕。

2)mail ?:這個是服務器名,代表著是一個郵箱服務器蜒茄,所以是mail.

3) 163.com ?:這個是域名唉擂,是用來定位網站的獨一無二的名字。

4) mail.163.com :這個是網站名檀葛,由服務器名+域名組成玩祟。

5)/ ? :這個是根目錄,也就是說屿聋,通過網站名找到服務器空扎,然后在服務器存放網頁的根目錄

6:)index.html ?:這個是根目錄下的默認網頁(當然,163的默認網頁是不是這個我不知道润讥,只是大部分的默認網頁转锈,都是index.html)

7)http://mail.163.com/index.html ?:這個叫做URL,統一資源定位符楚殿,全球性地址撮慨,用于定位網上的資源。

二脆粥、DNS域名解析

從瀏覽器輸入網址后砌溺,就會進行域名解析,把域名解析為IP地址

解析過程如下



三冠绢、應用層客戶端發(fā)送HTTP請求

將域名解析獲得IP后抚吠,就由TCP/IP協議分層模型中的應用層向服務器發(fā)送HTTP請求。

HTTP請求包括請求報頭和請求主體兩個部分弟胀,其中請求報頭包含了至關重要的信息,包括請求的方法(GET / POST)喊式、目標url孵户、遵循的協議(http / https / ftp…),返回的信息是否需要緩存岔留,以及客戶端是否發(fā)送cookie等夏哭。

四、傳輸層TCP傳輸報文

位于傳輸層的TCP協議為傳輸報文提供可靠的字節(jié)流服務献联。TCP為了方便傳輸竖配,將應用層傳來的HTTP請求分割成以報文段為單位的數據包進行管理何址,并為它們編號,方便服務器接收時能準確地還原報文信息进胯。TCP協議通過“三次握手”等方法保證傳輸的安全可靠用爪。

五、網絡層IP協議查詢MAC地址

IP協議的作用是把TCP分割好的各種數據包傳送給接收方胁镐。而要保證確實能傳到接收方還需要接收方的MAC地址偎血,也就是物理地址。IP地址和MAC地址是一一對應的關系盯漂,一個網絡設備的IP地址可以更換颇玷,但是MAC地址一般是固定不變的。ARP協議可以將IP地址解析成對應的MAC地址就缆。當通信的雙方不在同一個局域網時帖渠,需要多次中轉才能到達最終的目標,在中轉的過程中需要通過下一個中轉站的MAC地址來搜索下一個中轉目標竭宰。

六阿弃、數據到達數據鏈路層

在找到對方的MAC地址后,就將傳輸層TCP分割打包好的數據發(fā)送到數據鏈路層傳輸羞延。這時渣淳,客戶端發(fā)送請求的階段結束

七、服務器接收數據

接收端的服務器在鏈路層接收到數據包伴箩,再層層向上直到應用層入愧。這過程中包括在運輸層通過TCP協議講分段的數據包重新組成原來的HTTP請求報文。

八嗤谚、服務器響應請求

服務接收到客戶端發(fā)送的HTTP請求后棺蛛,查找客戶端請求的資源,并返回響應報文巩步,響應報文中包括一個重要的信息——狀態(tài)碼旁赊。狀態(tài)碼由三位數字組成,其中比較常見的是200 OK表示請求成功椅野。301表示永久重定向终畅,即請求的資源已經永久轉移到新的位置。在返回301狀態(tài)碼的同時竟闪,響應報文也會附帶重定向的url离福,客戶端接收到后將http請求的url做相應的改變再重新發(fā)送。404 not found 表示客戶端請求的資源找不到炼蛤。

九妖爷、 服務器返回相應文件

請求成功后,服務器會返回相應的HTML文件理朋。服務端網絡代碼返回頁面的過程如下(

網絡通信階段結束絮识,接下來就到了頁面渲染階段了绿聘。

十、頁面渲染

瀏覽器渲染頁面次舌,處理返回的代碼過程如下


每一次發(fā)送請求都要建立一次連接熄攘。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市垃它,隨后出現的幾起案子鲜屏,更是在濱河造成了極大的恐慌,老刑警劉巖国拇,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洛史,死亡現場離奇詭異,居然都是意外死亡酱吝,警方通過查閱死者的電腦和手機也殖,發(fā)現死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來务热,“玉大人忆嗜,你說我怎么就攤上這事∑槠瘢” “怎么了捆毫?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長冲甘。 經常有香客問我绩卤,道長,這世上最難降的妖魔是什么江醇? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任濒憋,我火速辦了婚禮,結果婚禮上陶夜,老公的妹妹穿的比我還像新娘凛驮。我一直安慰自己,他們只是感情好条辟,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布黔夭。 她就那樣靜靜地躺著,像睡著了一般捂贿。 火紅的嫁衣襯著肌膚如雪纠修。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天厂僧,我揣著相機與錄音,去河邊找鬼了牛。 笑死颜屠,一個胖子當著我的面吹牛辰妙,可吹牛的內容都是我干的。 我是一名探鬼主播甫窟,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼密浑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了粗井?” 一聲冷哼從身側響起尔破,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎浇衬,沒想到半個月后懒构,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡耘擂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年胆剧,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片醉冤。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡秩霍,死狀恐怖,靈堂內的尸體忽然破棺而出蚁阳,到底是詐尸還是另有隱情铃绒,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布螺捐,位于F島的核電站颠悬,受9級特大地震影響,放射性物質發(fā)生泄漏归粉。R本人自食惡果不足惜椿疗,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望糠悼。 院中可真熱鬧届榄,春花似錦、人聲如沸倔喂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽席噩。三九已至班缰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間悼枢,已是汗流浹背埠忘。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人莹妒。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓名船,卻偏偏與公主長得像,于是被迫代替她去往敵國和親旨怠。 傳聞我的和親對象是個殘疾皇子渠驼,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內容