浏览器从输入到输出的过程与原理五之网络通信和三次握手

nDos nDos     2022-10-08     159

关键词:

1. 网络通信和三次握手

我们已经知道,网络通信就是交换数据包。电脑A向电脑B发送一个数据包,后者收到了,回复一个数据包,从而实现两台电脑之间的通信。数据包的结构,基本上是下面这样:

image

发送这个包,需要知道两个地址:对方的MAC地址、对方的IP地址。有了这两个地址,数据包才能准确送到接收者手中。但是,前面说过,MAC地址有局限性,如果两台电脑不在同一个子网络,就无法知道对方的MAC地址,必须通过网关(gateway)转发。

image

上图中,1号电脑要向4号电脑发送一个数据包。它先判断4号电脑是否在同一个子网络,结果发现不是(后文介绍判断方法),于是就把这个数据包发到网关A。网关A通过路由协议,发现4号电脑位于子网络B,又把数据包发给网关B,网关B再转发到4号电脑。

1号电脑把数据包发到网关A,必须知道网关A的MAC地址。所以,数据包的目标地址,实际上分成两种情况:

场景 数据包地址
同一个子网络 对方的MAC地址,对方的IP地址
非同一个子网络 网关的MAC地址,对方的IP地址

发送数据包之前,电脑必须判断对方是否在同一个子网络,然后选择相应的MAC地址。

接下来,我们要判断,这个IP地址(比如www.Google.com对应的IP地址)与本机IP地址是不是在同一个子网络,这就要用到子网掩码。

已知子网掩码是255.255.255.0,本机用它对自己的IP地址192.168.1.100,做一个二进制的AND运算(两个数位都为1,结果为1,否则为0),计算结果为192.168.1.0;然后对Google的IP地址172.194.72.105也做一个AND运算,计算结果为172.194.72.0。这两个结果不相等,所以结论是,Google与本机不在同一个子网络。

因此,我们要向Google发送数据包,必须通过网关192.168.1.1转发,也就是说,接收方的MAC地址将是网关的MAC地址。

1.1 应用层协议

浏览网页用的是HTTP协议,它的整个数据包构造是这样的:

image

HTTP部分的内容,类似于下面这样:

GET / HTTP/1.1
Host: www.google.com
Connection: keep-alive
User-Agent: Mozilla/5.0 (Windows NT 6.1) ......
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Encoding: gzip,deflate,sdch
Accept-Language: zh-CN,zh;q=0.8
Accept-Charset: GBK,utf-8;q=0.7,*;q=0.3
Cookie: ... ...

我们假定这个部分的长度为4960字节,它会被嵌在TCP数据包之中。

TCP数据包需要设置端口,接收方(Google)的HTTP端口默认是80,发送方(本机)的端口是一个随机生成的1024-65535之间的整数,假定为51775。

TCP数据包的标头长度为20字节,加上嵌入HTTP的数据包,总长度变为4980字节。

然后,TCP数据包再嵌入IP数据包。IP数据包需要设置双方的IP地址,这是已知的,发送方是192.168.1.100(本机),接收方是172.194.72.105(Google)。

IP数据包的标头长度为20字节,加上嵌入的TCP数据包,总长度变为5000字节。

最后,IP数据包嵌入以太网数据包。以太网数据包需要设置双方的MAC地址,发送方为本机的网卡MAC地址,接收方为网关192.168.1.1的MAC地址(通过ARP协议得到)。

以太网数据包的数据部分,最大长度为1500字节,而现在的IP数据包长度为5000字节。因此,IP数据包必须分割成四个包。因为每个包都有自己的IP标头(20字节),所以四个包的IP数据包的长度分别为1500、1500、1500、560。

image

1.2 服务器端响应

经过多个网关的转发,Google的服务器172.194.72.105,收到了这四个以太网数据包。

根据IP标头的序号,Google将四个包拼起来,取出完整的TCP数据包,然后读出里面的"HTTP请求",接着做出"HTTP响应",再用TCP协议发回来。

1.3 三次握手

TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接:

位码即tcp标志位,有6种标示:SYN(synchronous建立联机)、ACK(acknowledgement 确认)、PSH(push传送)、FIN(finish结束) 、RST(reset重置) 和URG(urgent紧急)。

Sequence number(顺序号码) Acknowledge number(确认号码)

image

第一次握手:主机A发送位码为syn=1,随机产生seq number=1234567的数据包到服务器,主机B由SYN=1知道,A要求建立联机;

第二次握手:主机B收到请求后要确认联机信息,向A发送ack number=(主机A的seq+1),syn=1,ack=1,随机产生seq=7654321的包

第三次握手:主机A收到后检查ack number是否正确,即第一次发送的seq number+1,以及位码ack是否为1,若正确,主机A会再发送ack number=(主机B的seq+1),ack=1,主机B收到后确认seq值与ack=1则连接建立成功。

完成三次握手,主机A与主机B开始传送数据。

6.4 总结

通过互联网和通信等的学习,我们可以知道,浏览器(本地主机)通过这些内容与目标服务器(远程主机)建立通信并交换数据,而浏览器是基于HTTP协议进行通信。

下面将基于服务器返回的数据,浏览器是如何解析和渲染的来进行叙述。

浏览器从输入到输出的过程与原理四之互联网

1.互联网互联网的核心是一系列协议,总称为"互联网协议"(InternetProtocolSuite)。它们对电脑如何连接和组网,做出了详尽的规定。理解了这些协议,就理解了互联网的原理。当我们通过DNS解析的过程知道了某个域名(比如www.nDos... 查看详情

js面试_页面渲染过程/从输入一个url到页面出现的过程_tcp三次握手

...过程第一步:DNS解析将用户输入的域名转化成IP第二步:浏览器向服务器发起TCP连接请求经过TCP三次握手,建立TCP连接。第三步:服务器返回数据服务器会判断访问者能不能访问,比如:访问者IP是不是合法,是不是在黑名单里... 查看详情

浏览器从输入url到渲染完页面的整个过程

...IP地址。DNS解析过程:tips:这里使用DNS预解析,可以根据浏览器定义的规则,提前解析之后可能会用到的域名,使解析结果缓存到系统缓存中,缩短DNS解析时间,来提高网站的访问速度。知道了服务器的IP地址后,浏览器利用tcp... 查看详情

用户访问网站的完整流程

在浏览器输入想要访问的域名之后,浏览器会进行域名解析获得IP地址,在经过TCP的连接,实现数据的传输就会有两种报文,及请求报文和响应报文。最终才能实现通信。因此想要实现通信,就得先弄懂DNS的解析原理以及TCP连接... 查看详情

图解从url到网页通信原理

...原始目的,就是为了传输文本(文本对话)。那我们使用浏览器发送请求后页面是如何呈现在我们面前的呢?接下来由图片介绍下URL到呈现页面的过程。一、文本对话--从请求到响应 我们在浏览器中输入一个URL,回车之后便... 查看详情

浏览器输入url到页面展示出来的全过程

基本流程:1、用户在浏览器中输入url地址2、浏览器解析域名得到服务器ip地址浏览器会首先从缓存中找是否存在域名,如果存在就直接取出对应的ip地址,如果没有就开启一个DNS域名解析器。DNS域名解析器会首先访问... 查看详情

从url输入到页面展现原理(代码片段)

打开浏览器从输入网址到网页展现,背后到底发生了什么?经历怎么样的一个过程?总体来说分为以下几个过程:DNS解析:将域名解析成IP地址TCP连接:TCP三次握手发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面断开... 查看详情

从浏览器输入网址回车到看到页面过程到底经历了什么?(代码片段)

作者:老油条IT记公众号:老油条IT记#前言:从浏览器输入网址到回车看到页面的过程,面试逃不掉的一个问题,我们知道从浏览器输入网址到看到页面主要是涉及DNS解析,TCP三次握手,请求报文,响应报文,TCP4次挥手。#首先我... 查看详情

从输入url到页面加载完成的过程

...言和结构来解释,也算是小小地挑战一下自己。过程概述浏览器查找域名对应的IP地址;浏览器根据IP地址与服务器建立socket连接;浏览器与服务器通信:浏览器请求,服务器处理请求;浏览器与 查看详情

用户访问网站的完整流程

 用户访问网站的完整流程在浏览器输入想要访问的域名之后,浏览器会进行域名解析获得IP地址,在经过TCP的连接,实现数据的传输就会有两种报文,及请求报文和响应报文。最终才能实现通信。因此想要实现通信,就得先... 查看详情

从输入url到页面加载完成的过程中都发生了什么

根据URL请求页面过程过程概述浏览器查找域名对应的IP地址;浏览器根据IP地址与服务器建立socket连接;浏览器与服务器通信:浏览器请求,服务器处理请求;浏览器与服务器断开连接。天啦撸,结束了?也太简单了吧。。。各... 查看详情

快速从入门到精通!熬夜整理java高频面试题

...握手?TCP、UDP协议的区别,各自的应用场景打开浏览器,输入URL地址,访问主页的过程HTTP有哪些方法?HTTP和HTTPS有什么区别?二、Java核心技术HashMap底层数据结构是什么 查看详情

tcp的三次握手与四次挥手过程,各个状态名称与含义

三次握手第一次握手:主机A发送位码为syn=1,随机产生seqnumber=10001的数据包到服务器,主机B由SYN=1知道,A要求建立联机,此时状态为SYN_SENT; 第二次握手:主机B收到请求后要确认联机信息,向A发送acknumber=(主机A的seq+1),syn=1,... 查看详情

tcp三次握手

...入了解的话可以围绕以下几个问题进行:一、从输入URL到浏览器接收的过程发生了什么?1、从按动键盘到CP 查看详情

浏览器从输入网址到页面展示的过程

...iew完整高频题库阅读地址:https://febook.hzfe.org/URLDNSTCP渲染浏览器从输入网址到渲染页面主要分为以下几个过程URL(统一资源定位符,UniformResourceLocator)用于定位互联网上资源,俗称网址。我们在地址栏输入HZFE官方网址hzfe.org后... 查看详情

计算机网络原理笔记-三次握手

三次握手协议指的是在发送数据的准备阶段,服务器端和客户端之间需要进行三次交互:第一次握手:客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认;第二次握手:服务器收到syn包,必须确认客户的syn(ack... 查看详情

基于bp神经网络的草莓等级识别,bp神经网络的详细原理,神经网络1000案例之7

BP神经网络的原理人工神经网络无需事先确定输入输出之间映射关系的数学方程,仅通过自身的训练,学习某种规则,在给定输入值时得到最接近期望输出值的结果。作为一种智能信息处理系统,人工神经网络实... 查看详情

从浏览器输入网址到页面显示的全过程

  【前言】从全局来讲,当键入一个url时,肯定是需要从服务器请求某个页面或某条数据然后显示到用户自己的电脑屏幕上。这个过程中其实包括:DNS对url域名的解析(在url中解析出服务器所在的IP地址,有的url也包括端... 查看详情