从URL到页面显示经历了哪些?

从URL到页面显示经历了哪些?

url.png

什么是URL?

URL,是指同一的资源定位符,用于定位网络资源,俗称网址。
对应协议,端口号,域名等。
例如,http://www.baidu.com
这就是一个url地址,就是一个网址,它是由http协议传输。

对应常用的传输协议如下’

  • http,是指去查找网络上的某个资源。
  • file,是用于定位本地文件的协议,也就是说用于查找本地资源。
  • https,是指一个加密后的安全的http协议。
    这就是URL,也就是网络查找资源的第一步,输入网址。

DNS解析?

是指浏览器根据输入的URL/字符串/资源,查找该字符串对应的域名,在根据这个域名去查找对应的IP地址。

  • 域名?
    就是指由数字,拼音等组成的协意字符串,比如,baidu.com,这就是百度的域名。
  • IP地址?
    这个大家都懂得把,就是每台设备想要上网的话都要有这么一排数字,比如,192.168.0.1
  • 技术点!
    如果做手机测试时,在电脑上测试开发程序没有问题,但是在手机上如何做测试呢?
    用手机与电脑连接到同一个wifi下,再通过手机访问电脑上的IP地址就可以啦!

解析流程‘

  1. 浏览器缓存
    当之前通过该浏览器访问过该IP的话,则首先在浏览器缓存区,也就是记忆区进行查找,如果找到了就返回出结果。
  2. 系统缓存
    如果该浏览器中没有该记录的话,那么就要回到本地的HOST文件夹中查找。

HOST缓存作用
是指根据域名查到对应IP的查找过程。

技术点
HOST缓存区可以将将服务器网址定位到本地的IP
例如,在开发过程中,如果想通过浏览器访问一个服务器网址,但又不希望直接访问到服务器?
那么就可以根据HOST文件中定义的域名对应的本地网址,在通过该域名查找时,便可以直接跳转到HOST文件中定义的网址。比如,本地IP,172.0.1.2 域名,wanyy.com 当输入该域名时,可以调转到172.0.1.2这个IP的地址。

  1. 路由器缓存区
    如果HOST缓存区中还是没有出现过这个域名的话,那就到下一级继续查找。

  2. IPS路由器缓存区
    仍然没找到的话,就会去找你用的服务商缓存区中去再查找,比如电信。

  3. 根目录查找
    如果怎么都没找到的话就是到最后一阶段,去根目录查找,在根据根目录返回值继续查找,直到找到一个最终IP为止。


    DNS.png

关联问题

  1. 如果电脑不能上网了,直接将dns改为8.8.8.8或114.114.114.114就可以上网了。
    原因,就是不通过本地中间查找,直接将最终服务器的ip给dns就直接指定了找到了这个网址了。
  2. DNS劫持
    是指网络黑客攻击某个节点服务器,并将一个虚拟网站的IP返还给对应的域名,也就是说在查找网页的胖有回根据该域名查找到一个假的网页。

这就是第二阶段,根据域名找对应IP地址。

服务器处理

web服务器
是一台安装系统的机器,并安装了接受请求的软件,比如windows下通常会安装web server,也就是一个管理的请求的入口。

  • 常见的web服务器有Apache,Nginx,IIs等
  • web服务器接受用过的请求并交给网站代码,或者接受请求反向代理到其他到其他服务器。


    web服务器处理流程.PNG

例如,
一台机器里有苹果,鸡蛋,牛奶,这台机器只有个IP地址,127.1.0.1,那么通过浏览器找苹果的时候,
首先找到的是127.1.0.1的这个IP,这个IP对应了同一机器,这个时候就需要一个管理的,比如Nginx,
这个软件下会有一个配置文件,相当于分配单,Nignx会根据你发来的请求,将你的需求返回给你苹果或者牛奶或者鸡蛋。

这就是第三阶段,根据IP通过web服务器来返还结果。

网站处理流程

是指M>V>C处理过程。
首先,根据上一步终于找到了一个网站,结果这个网站是一堆看不懂的代码,那么怎么才能显示成好看的页面呢?
这就是M模型>V视图>C控制器的处理过程。
M,这些代码经过运行后会交给控制器,就是操作数据库的过程。同时它给控制器提供了一些接口。
V,根据接口控制器做处理后,会从模型文件中查找到指定的文件,在返还给控制器。
C,拿到结果的控制器会放到一个视图模板中,并将视图在还给页面,于是我们看到的最终结果是视图页面。

这就是最后一步,显示画面的过程,也就是我们根据一堆字符串得到一个好看页面的过程。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • 14.1 引言 域名系统(DNS)是一种用于TCP/IP应用程序的分布式数据库,它提供主机名字和IP地址之间的转换...
    张芳涛阅读 1,868评论 0 8
  • 1. 基础知识 1.1 3种常见的计算机体系结构划分 OSI分层(7层):物理层、数据链路层、网络层、传输层、会话...
    Mr希灵阅读 19,832评论 6 120
  • 最近,终于要把《WEB请求处理系列》提上日程了,一直答应小伙伴们给分享一套完整的WEB请求处理流程:从浏览器、Ng...
    七寸知架构阅读 31,045评论 27 253
  • 今天阳光很好,一扫这一星期的阴霾。我们像出狱的犯人,终于进城了。近一个星期的雾霾,人犹如跌入深不见底的深渊,既伤心...
    梦飞狐阅读 165评论 0 0