使用互联网已经是我们的第二天性。无论是向度娘提问还是浏览社交媒体,我们都会不假思索地拿起我们的小工具并在网上冲浪。
互联网拥有超过46.6亿活跃用户,其中大部分将其用于即时通讯、电子邮件和社交网络。电子商务也很受欢迎,有超过20亿人参与在线购物。
作为Web开发人员,了解万维网的内部运作方式非常重要——或者至少了解它的基本原理。了解用户请求的传递方式有助于创建具有简洁代码的健壮网站,尤其是如果您是后端Web开发人员。
定义网络术语
这个过程是技术性的和复杂的。根据发送的命令,必须发生许多不同的事件组合才能使一切顺利进行。
但在深入研究之前,我们需要定义一些术语:
客户端——连接到互联网并将用户请求发送到服务器的应用程序。它将用户交互翻译成接收端理解和处理的语言。尽管它在技术上仅指Web浏览器或应用程序,但可以将整个计算机或移动设备视为客户端。
服务器——在将请求发送回网站或Web应用程序的前端之前接受并执行请求的机器。服务器与客户端一样,具有唯一的IP地址。不同类型的服务器包括Web服务器、应用程序服务器、数据库服务器等。
IP地址——互联网协议地址。一组独特的数字,用于识别计算机、服务器和路由器。通过TCP/IP协议软件转换为物理地址。
TCP/IP——传输控制协议/互联网协议。两种产品协同工作以保护互联网上的数据交换。TCIP涉及在客户端和服务器之间建立稳定的连接,而IP是发送数据的标准方法。
ISP——互联网服务提供商。将客户端连接到服务器,反之亦然。它通过提取您正在访问的网站的IP地址来实现。
DNS——域名系统。对域名及其对应的IP地址进行排序和存储的数据库。最好被描述为“互联网电话簿”。
URL——统一资源定位器。也称为网址。完整的URL包含网站协议(HTTP或HTTPS)、域名和路径(如果适用)。
域名——包含网站名称和TLD的URL部分。通常是用户进入网站主页的唯一URL段。
TLD——顶级域。URL中显示网站的地理位置、目的或所有者的部分。最常见的TLD包括.com、.org、.net、.edu和.gov。
路径——用户想要在网站上访问的特定文件。它并不总是在URL中可见。
HTTP——超文本传输协议。使用户能够使用超文本消息与网页元素进行交互。它决定了请求在客户端的结构以及服务器如何响应它们。
HTTPS——安全的超文本传输协议。使用加密协议来防止数据拦截和盗窃的HTTP版本。常用于银行网站。
一切如何运作
现在您已经了解了术语,让我们继续解释Web的工作原理。
当用户在浏览器中输入URL时,这一切都开始了。通常,人们只输入网站的域名(例如,“sumaart.com”)。
有时,浏览器会显示包含协议和路径的完整URL。如果TLD之后没有任何内容,浏览器将显示网站的主页。
在后台,DNS在从服务器请求数据之前将域名与其IP地址进行匹配。
数据通过适当的协议(HTTP或HTTPS)发送,在显示网页之前由浏览器解析。换句话说,客户端扫描并分析HTML文件以确定应该加载哪些内容。
请注意,浏览器会解析所有资产并根据需要向服务器发送其他请求。在分析数据包之后,浏览器构建一个DOM(文档对象模型)树来映射它如何显示嵌入在代码中的不同对象。
HTML与CSS(级联样式表)和Javascript一起加载,以使网页更具视觉吸引力和动态性。
服务器可以发送预先生成的HTML页面,但也可以对它们进行编程以响应特定的请求和提示。例如,如果用户点击广告,服务器可以显示个性化的登录页面以增强用户体验。
综上,大体流程如下:
(1)用户键入URL
(2)浏览器与IPS通信
(3)DNS服务器将域名转换为其IP地址
(4)IP地址被发送到浏览器
(5)在浏览器和Web服务器之间建立连接
(6)浏览器向服务器发送请求
(7)数据包从服务器发送到客户端
(8)浏览器解析响应
(9)资产已加载
(10)该网站已显示
网页、网站和搜索引擎
总结一下,我们将区分网页和网站,并讨论搜索引擎。
顾名思义,网页是包含脚本、媒体和样式信息的单个文档。有两种类型的网页:静态网页和动态网页。
静态页面专门使用HTML编写,因为它为每个访问者显示相同的内容。另一方面,动态网页利用多种编程语言和数据库来允许用户交互和定制。
网站是相互关联的网页的集合。静态和动态网站遵循与上述相同的定义。
显然,静态网站更容易和更快地构建,尽管它们更难扩展。它们适用于只需要几个网页且纯粹提供信息的网站。
同时,动态网站提供了更大的灵活性。从长远来看,它们更容易维护和优化网页排名。搜索引擎通常偏爱动态网站,因为它们可以提供更好的用户体验并且有更多的索引内容。
搜索引擎,如Google、baidu,是专门为根据搜索组织和查找网页而编码的网站。对于网站所有者来说,它是网络中决定或破坏在线成功的关键部分。
要在baidu的搜索结果页面上获得良好的排名,您的网站必须适合移动设备、速度快、结构良好且安全。
与素马设计合作构建世界级网站
没有什么能比得上经验丰富的Web开发人员和设计师的专业风格。与素马设计联系以获取可转换的强大而美观的网站。