软件测试/测试开发|web基础知识介绍_服务器

简介

web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。web的测试是我们软件测试工作中必不可少的一部分,而作为一名软件测试,我们也必须了解web有关的基础知识,帮助我们更好地进行web测试工作。

web基本概念

Web,即“World Wide Web”,是一个由超文本组成的信息系统,允许用户在全球范围内交换信息。它的基础是超文本传输协议(HTTP),使用统一资源定位符(URL)来定位和访问网络上的资源。Web的核心概念包括:

  • HTTP协议: 超文本传输协议是Web通信的基础,定义了客户端和服务器之间的通信规则。
  • URL: 统一资源定位符是Web资源的地址,它包含协议类型、主机名、路径等信息,使得资源能够被唯一定位和访问。
  • 超文本: Web中的信息通过超链接相互关联,形成了超文本,使得用户可以非线性地浏览信息。

Web架构

Web架构是指Web应用程序的整体结构和组织方式。它主要分为客户端和服务器端:

  • 客户端: 用户使用的设备,如计算机、手机等,上面运行着浏览器。浏览器向服务器请求Web资源,并将其呈现给用户。
  • 服务器端: 存储和提供Web资源的地方,通过Web服务器来响应客户端请求。这里包括处理业务逻辑、存储数据的服务器端程序。

这里涉及到了几个新的概念,我们这里做一下解释:

  • web应用:网站(广义上的PC,手机app)。
  • 浏览器(Browser):也称用户代理,web客户端,主要有Edge、Chrome、Firefox等。
  • web服务器(web server):也称HTTP服务器(HTTP server),主要有Apache、Tomcat、Netty等。

其架构图如下:

软件测试/测试开发|web基础知识介绍_测试_02

浏览器工作原理

浏览器是我们访问网络数据的一个工具,我们通过它来发送请求,并且通过它来获取请求,它的工作原理如下:

  • URL解析和请求: 用户输入URL后,浏览器解析URL,使用HTTP协议向服务器发送请求。
  • 内容解析和渲染: 浏览器接收到服务器返回的HTML文件后,解析构建DOM(文档对象模型)树,并加载CSS、JavaScript等资源,最终将页面呈现给用户。
  • 用户交互和事件处理: 浏览器响应用户的操作,如点击链接、填写表单等,执行相应的JavaScript代码,并更新页面。

软件测试/测试开发|web基础知识介绍_Web_03

web服务器

Web服务器是用于存储、处理和响应来自客户端的请求的软件。它具有以下特点:

  • 接收请求和响应: Web服务器接收客户端的HTTP请求,并返回相应的Web资源,如HTML页面、图像、样式表等。
  • 处理请求: 在接收到请求后,服务器可能需要执行一系列操作,包括数据处理、业务逻辑执行、数据库访问等。
  • 常见的Web服务器: Apache、Nginx等是常用的Web服务器软件,它们在处理请求和提供服务方面有各自的特点和优势。

主要的资源类型

我们在学习web时,主要掌握htmlcssJS(JavaScript)三中主要的资源,但实际上任何格式都可以作为资源类型。

三种资源类型的主要功能:

  • HTML:提供文本的内容和框架,比如标题,段落等
  • CSS:确定文本样式和排版
  • JS:做一些动态内容

三中资源类型的语法:

  • HTML:
<p>content</p>
  • CSS
p{
color:yellow;
}
  • JS
var x = 1; var y = 2; var z = add(x, y)

总结

本文主要介绍了web的一些基础知识,包括web的工作原理,web架构,以及浏览器的工作原理,重要的三种文本资源介绍等,掌握这些基础知识,对于我们更好开展web测试有很大帮助,希望本文可以帮到大家!