從輸入網(wǎng)址到看到網(wǎng)頁

當我們上網(wǎng)的時候走哺,會在瀏覽器里輸入一個URL地址蚯嫌,也就是我們俗稱的網(wǎng)址丙躏,比如www.baidu.com。然后敲一下回車晒旅,百度的首頁就展示在瀏覽器上了栅盲,今天我們就來分析一下,從敲擊回車按鈕到百度首頁展示废恋,這中間到底發(fā)生了什么摩瞎。

基本過程

  1. DNS解析
  2. TCP鏈接
  3. 發(fā)出http請求
  4. 服務器接受http請求并返回處理結果
  5. 瀏覽器接受服務器的返回結果并解析展示
  6. 鏈接結束

DNS解析

DNS解析的過程就是將你輸入的網(wǎng)址指向它所對應的計算機的ip地址,當我們輸入www.baidu.com時旗们,DNS會將這個網(wǎng)址解析成它對應的計算機ip地址,例如100.20.201.33构灸,這個ip地址對每臺計算機來說都是唯一的上渴。

TCP鏈接

當瀏覽器的請求到達服務器之后,tcp會在雙方之間建立一個通信通道喜颁,使得雙方可以進行通信,這部分內(nèi)容不是很熟悉半开,所以就不深入去描述了。

發(fā)出http請求

這部分的工作是有客戶端完成的寂拆,也就是瀏覽器,瀏覽器構建http請求報文通過tcp協(xié)議發(fā)送給瀏覽器的過程就是http請求纠永。http請求主要由三部分組成:請求行、請求報頭和請求正文

下面的部分是請求報頭

在這個過程中還會涉及到請求的方法涉波,常用的請求的方式有GET POST DELETE PUT 這些方法之間的區(qū)別在這里就不展開敘述了。這時候啤覆,我們的請求就通過瀏覽器發(fā)送出去了惭聂。
服務器接受請求返回結果
自然而然這部分對應的就是后端工程師眼中的HTTP城侧。后端從在固定的端口接收到TCP報文開始彼妻,它會對TCP連接進行處理,對HTTP協(xié)議進行解析侨歉,并按照報文格式進一步封裝成HTTP Request對象,供上層使用炮温。這一部分工作一般是由Web服務器去進行,比如apache柒啤、nginx、tomcat等担巩。
HTTP響應報文也是由三部分組成:狀態(tài)碼,響應報頭響應報文

狀態(tài)碼

狀態(tài)碼是由3位數(shù)組成涛癌,第一個數(shù)字定義了響應的類別,且有五種可能取值:
1xx:指示信息–表示請求已接收拳话,繼續(xù)處理先匪。
2xx:成功–表示請求已被成功接收、理解弃衍、接受呀非。
3xx:重定向–要完成請求必須進行更進一步的操作镜盯。
4xx:客戶端錯誤–請求有語法錯誤或請求無法實現(xiàn)。
5xx:服務器端錯誤–服務器未能實現(xiàn)合法的請求哥桥。
平時遇到比較常見的狀態(tài)碼有:200, 403, 404 500
響應報頭

上面的部分就是響應頭

響應報文

服務器返回給瀏覽器的文本信息激涤,通常HTML, CSS, JS, 圖片等文件就放在這一部分判呕。

瀏覽器解析響應報文

瀏覽器會將接受到到html,css侠草,js進行解析,然后將它們展示在頁面上边涕,當然,這部分的過程也有很多可以探究的內(nèi)容功蜓,這里就不詳細的描述了。

鏈接結束

當所有內(nèi)容都返回給客戶端之后童社,客戶端和服務端的鏈接就關閉了著隆,因為http是無狀態(tài)的呀癣,如果再次請求,就需要重新建立鏈接项栏。

在這些流程全部完成后腾节,我們就看到我們想要看到的內(nèi)容了。寫的有點簡單了案腺,也參考了一些優(yōu)秀的博客作者的文章。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末访递,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子拷姿,更是在濱河造成了極大的恐慌旱函,老刑警劉巖响巢,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件踪古,死亡現(xiàn)場離奇詭異券腔,居然都是意外死亡伏穆,警方通過查閱死者的電腦和手機纷纫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來烟瞧,“玉大人染簇,你說我怎么就攤上這事参滴∑鼠希” “怎么了?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵过蹂,是天一觀的道長。 經(jīng)常有香客問我酷勺,道長,這世上最難降的妖魔是什么脆诉? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任击胜,我火速辦了婚禮亏狰,結果婚禮上偶摔,老公的妹妹穿的比我還像新娘。我一直安慰自己辰斋,他們只是感情好,可當我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布够挂。 她就那樣靜靜地躺著藕夫,像睡著了一般。 火紅的嫁衣襯著肌膚如雪汁胆。 梳的紋絲不亂的頭發(fā)上霜幼,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天,我揣著相機與錄音铸题,去河邊找鬼。 笑死丢间,一個胖子當著我的面吹牛驹针,可吹牛的內(nèi)容都是我干的烘挫。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼其垄,長吁一口氣:“原來是場噩夢啊……” “哼卤橄!你這毒婦竟也來了?” 一聲冷哼從身側響起窟扑,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎橘霎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體茎毁,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡忱辅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了墙懂。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡碧库,死狀恐怖巧勤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情颅悉,我是刑警寧澤,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布驹溃,位于F島的核電站,受9級特大地震影響豌鹤,放射性物質發(fā)生泄漏。R本人自食惡果不足惜布疙,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望灵临。 院中可真熱鬧,春花似錦俱诸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽舔痪。三九已至锌唾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間晌涕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工重窟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人巡扇。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓垮衷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親搀突。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內(nèi)容