1. 主页
  2. 文档
  3. 网站入门
  4. 万维网是怎么工作的?

万维网是怎么工作的?

这篇文章简单描述了你在计算机或手机上通过浏览器访问网页时发生了什么。

这个理论在短期内对你编写网页代码不会有实质性的帮助,但是不久之后你就会真正受益于理解了后台究竟发生了什么。

客户端和服务器

连接到互联网的计算机被称作客户端和服务器。下面是一个简单描述它们如何交互的图表:

  • 客户端是典型的网络用户接入网络的设备(比如,你连接了无线网络(Wi-Fi)的电脑/手机,或接入移动数据网络的手机)和设备上可联网的软件(通常使用的是各种浏览器等各种软件应用)。
  • 服务器是存储网页、站点和应用的计算机。当一个客户端设备想要获取一个网页时,一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。

其他部分

我们讲的客户端和服务器并不能完成全部工作。还有其他必要的部分,我们将在下面讲述。

现在,让我们假设 网络 就是一条路。路的一端是客户端,就像你的家。另一端则是服务器,就像你想去的商店。

除了客户端和服务器,我们还需要了解:

  • 网络连接: 允许你在互联网上发送和接受数据。基本上和你家到商店的道路差不多。
  • 传输控制/网际协议(TCP/IP): 传输控制协议和因特网互连协议是定义数据如何传输的通信协议。这就像你去商店购物所使用的交通方式,比如走路、自行车或汽车(或是你能想到的其他可能)。
  • 域名系统(DNS): 域名系统服务器像是一本网站通讯录。当你在浏览器内输入一个网址时,浏览器获取网页之前将会查看域名系统。浏览器需要找到存放你想要的网页的服务器,才能发送 超文本传输协议(HTTP) 请求到正确的地方。就像你要知道商店的地址才能到达那。
  • 超文本传输协议(HTTP): 超文本传输协议是一个定义客户端和服务器间交流的语言的协议(protocol )。就像你买东西时所说的话一样。
  • 组成文件: 一个网页由许多文件组成,就像商店里不同的商品一样。这些文件有两种类型:
    • 代码 : 网页大体由 超文本(HTML)、样式表(CSS)、脚本(JavaScript)组成,不过你会在后面看到不同的技术。
    • 资源 : 这是其他组成网页的东西的集合,比如图像、音乐、视频、文字(Word)文档、携式(PDF)文件。

到底发生了什么?

当你在浏览器里输入一个网址时(在我们的例子里就是走向商店的路上时):

  1. 浏览器在域名系统(DNS)服务器上找出存放网页的服务器的实际地址(找出商店的位置)。
  2. 浏览器发送 HTTP 请求信息到服务器来请拷贝一份网页到客户端(你走到商店并下订单)。这条消息,包括其他所有在客户端和服务器之间传递的数据都是通过互联网使用 TCP/IP 协议传输的。
  3. 服务器同意客户端的请求后,会返回一个“200 OK”信息,意味着“你可以查看这个网页,给你~”,然后开始将网页的文件以数据包的形式传输到浏览器(商店给你商品,你将商品带回家)。
  4. 浏览器将数据包聚集成完整的网页然后将网页呈现给你(商品到了你的门口 —— 新东西,好棒!)。

域名(DNS)解析

真正的网址看上去并不像你输入到地址框中的那样美好且容易记忆。它们是一串数字,像 63.245.217.105。

这叫做网际(IP) 地址,它代表了一个互联网上独特的位置。然而,它并不容易记忆,不是吗?那就是域名系统(DNS)被发明的原因。它们是将你输入浏览器的地址(像 “jtu.net.cn”)与实际 网际(IP) 地址相匹配的特殊的服务器。

网页可以通过  网际(IP)地址直接访问。

数据包详解

前面我们用“包”来描述了数据从服务器到客户端传输的格式。这是什么意思?基本上,当数据在网络(Web)上传输时,是以成千上万的小数据块的形式传输的。大量不同的用户都可以同时下载同一个网页。如果网页以单个大的数据块形式传输,一次就只有一个用户下载,无疑会让网络(Web)非常没有效率并且失去很多乐趣。

扩展阅读

  • 互联网是如何工作的
  • HTTP — 一种应用级协议
  • HTTP: 让我们开始吧!
  • HTTP: 响应代码

感谢

街景照片 : Street composing, by Kevin D.