簡述從URL輸入到界面展示的過程

簡述從URL輸入到界面展示的過程

從用戶在瀏覽器首頁輸入網(wǎng)址(列如baidu.com)到最終頁面展現(xiàn)出百度搜索的首頁,其實一共要經(jīng)過6個步驟。分別是在瀏覽器輸入URL性穿、域名解析读恃、服務(wù)器處理、網(wǎng)站處理流程囤采、瀏覽器處理述呐、繪制界面。在詳細講述每個過程之前蕉毯,我們要先了解一下幾個名詞乓搬。

1.什么是URL?
URL(英文Uniform Resource Locator的縮寫)其實就是網(wǎng)址代虾,全稱是統(tǒng)一資源定位符进肯,用于定位互聯(lián)網(wǎng)上的資源。URL由三個部分組成:資源類型褐着、存放資源的主機域名坷澡、資源文件名。

介紹一下幾個常用的協(xié)議:
http--超文本傳輸協(xié)議資源;
https--用安全套接字層傳送的超文本傳輸協(xié)議;
ftp--文件傳輸協(xié)議箩朴;
file--當?shù)仉娔X或者網(wǎng)上分享的文件虫给;

2.什么是IP地址?
IP地址是指互聯(lián)網(wǎng)協(xié)議地址镐侯,它是IP協(xié)議提供的一種統(tǒng)一的地址格式,它為互聯(lián)網(wǎng)上的每一個網(wǎng)絡(luò)和每一臺主機分配一個邏輯地址,以此來屏蔽物理地址的差異拗军。

IP地址是一個32位的二進制數(shù),通常是被分割為4個“8位二進制數(shù)”蓄喇,常用“點分十進制”法表示成(a.b.c.d)的形式发侵。常見的IP地址分為IPv4和IPv6兩大類。

3.什么是域名妆偏?
域名(Domain Name)是由一串用點分隔的名字組成的Internet上某一臺計算機或者計算機組的名稱刃鳄,用于在數(shù)據(jù)傳輸是標識計算機的電子方位(有時也只物理地址),對于https://baidu.com/钱骂,其中baidu.com就是域名叔锐。

介紹了兩個需要了解的名詞之后接下來就來詳細介紹具體五個過程:

一 挪鹏、在瀏覽器輸入URL

首先我們在瀏覽器主界面輸入欄中輸入baidu.com,當你點擊搜索時候瀏覽器會自動將地址補全為https://baidu.com/愉烙。在這里我們就看到了前面介紹的https協(xié)議讨盒。

二、域名解析

域名解析就是把域名指向網(wǎng)站空間IP步责,讓人們通過域名就可以快速的訪問到網(wǎng)站返顺。其主要過程是:
(1)查詢?yōu)g覽器緩存——瀏覽器會在自身緩存的DNS記錄中去查找有關(guān)于https://baidu.com/的IP。
(2)系統(tǒng)緩存——如果第一步查不到的話勺择,則會從系統(tǒng)的hosts文件中去查找是否有關(guān)于該域名和對應(yīng)IP创南。
(3)路由器緩存——如果還沒查到,則通過路由器緩存的有關(guān)域名和IP信息中去查找相關(guān)信息省核。
(4)ISP稿辙,DNS緩存——若還是不能查到的話,則從ISP和DNS中緩存的信息去查看气忠,就是從互聯(lián)網(wǎng)提供商那里去查找邻储。
(5)若以上4步都不能查找到對應(yīng)IP的話,則向根域名服務(wù)器查找對應(yīng)IP旧噪,根域名服務(wù)器會把請求轉(zhuǎn)發(fā)到下一級吨娜,指導查找到對應(yīng)IP。

三淘钟、服務(wù)器處理

服務(wù)器就是一臺安裝了系統(tǒng)的機器宦赠,常見的系統(tǒng)有Linux、Window Server 2012米母,在系統(tǒng)里安裝的處理請求的應(yīng)用叫Web Server勾扭。web服務(wù)器接收用戶的Request交給網(wǎng)站代碼或者接收請求反向代理到其他web服務(wù)器。
常見的web服務(wù)器有Apache铁瞒、Nginx妙色、IIS、Lighttpd

四慧耍、網(wǎng)站處理流程

MVC模型(model)——視圖(view)——控制器(controller)

Model(模型)是應(yīng)用程序中用于處理應(yīng)用程序數(shù)據(jù)邏輯的部分身辨,通常模型對象負責在數(shù)據(jù)庫中存取數(shù)據(jù)。

View(視圖)是應(yīng)用程序中處理數(shù)據(jù)顯示的部分芍碧,通常視圖是依據(jù)模型數(shù)據(jù)創(chuàng)建的煌珊。

Controller(控制器)是應(yīng)用程序中處理用戶交互的部分,通趁诙梗控制器負責從視圖讀取數(shù)據(jù)定庵,控制用戶輸入,并向模型發(fā)送數(shù)據(jù)。

其大致過程就是:控制器在接收到用戶請求時會調(diào)用相關(guān)模型進行處理洗贰,模型則根據(jù)數(shù)據(jù)庫的相關(guān)內(nèi)容和有關(guān)規(guī)則去處理用戶發(fā)出的請求,再返回字符串給瀏覽器陨倡。

五敛滋、瀏覽器處理

HTML字符串被瀏覽器接收后被一句句讀取解析
解析到link標簽后重新發(fā)送請求獲取css
解析到script標簽后發(fā)送請求獲取js,并執(zhí)行代碼
解析到img標簽后發(fā)送請求獲取圖片資源

六兴革、繪制網(wǎng)頁

瀏覽器根據(jù)HTML和CSS計算得到渲染樹绎晃,繪制到屏幕上,js會被執(zhí)行杂曲。

總結(jié):經(jīng)過以上6個步驟庶艾,就能夠?qū)崿F(xiàn)只需要輸入網(wǎng)址就能得到網(wǎng)址頁面,其中我只介紹了重要步驟擎勘,具體極為詳細的過程就沒有詳述咱揍,比如瀏覽器與服務(wù)器建立連接的TCP/IP三次握手。如果讀者比較感興趣的話棚饵,可以自行查閱相關(guān)資料了解煤裙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市噪漾,隨后出現(xiàn)的幾起案子硼砰,更是在濱河造成了極大的恐慌,老刑警劉巖欣硼,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件题翰,死亡現(xiàn)場離奇詭異,居然都是意外死亡诈胜,警方通過查閱死者的電腦和手機豹障,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耘斩,“玉大人沼填,你說我怎么就攤上這事±ㄊ冢” “怎么了坞笙?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長荚虚。 經(jīng)常有香客問我薛夜,道長,這世上最難降的妖魔是什么版述? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任梯澜,我火速辦了婚禮,結(jié)果婚禮上渴析,老公的妹妹穿的比我還像新娘晚伙。我一直安慰自己吮龄,他們只是感情好,可當我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布咆疗。 她就那樣靜靜地躺著漓帚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪午磁。 梳的紋絲不亂的頭發(fā)上尝抖,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音迅皇,去河邊找鬼昧辽。 笑死,一個胖子當著我的面吹牛登颓,可吹牛的內(nèi)容都是我干的搅荞。 我是一名探鬼主播,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼挺据,長吁一口氣:“原來是場噩夢啊……” “哼取具!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起扁耐,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤暇检,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后婉称,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體块仆,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年王暗,在試婚紗的時候發(fā)現(xiàn)自己被綠了悔据。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡俗壹,死狀恐怖科汗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绷雏,我是刑警寧澤头滔,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站涎显,受9級特大地震影響坤检,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜期吓,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一早歇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦箭跳、人聲如沸晨另。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拯刁。三九已至,卻和暖如春逝段,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背割捅。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工奶躯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人亿驾。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓嘹黔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親莫瞬。 傳聞我的和親對象是個殘疾皇子儡蔓,可洞房花燭夜當晚...
    茶點故事閱讀 43,435評論 2 348

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