前面讲解了前端的相关知识,此时客户端的操作信息已经可以拿到,接下来就是通过网络发送到服务端,大体的网络通信流程已经在上篇文章中叙述了,接下来接续讲解一下详细的网络传输过程以及对应的服务端的服务器软件。网络传输主要采用计算机网络中的应用层的协议HTTP,服务器软件则是Tomcat。
1. 网络协议
网络中传输的信息都是以二进制形式存在的,接收方在收到信息后要做的第一件事就是将二进制数据进行编译转换成文字、图片、视频以及命令等等。但是这些资源文件一般情况下数据量往往比较巨大,导致接收方很难在一组连续的二进制中得到对应数据,比如,浏览器发送一个请求:http://192.168.100.2:8080/index.html。这个请求信息以二进制形式发送,如01010001010101010001111010101010等等,此时HTTP服务器很难从二进制数据得到相关信息,那么一个解决办法就是将上述的信息分门别类的存放。比如IP地址填写在一个位置,请求的资源文件填写在另一个位置,这样分别解析就可以得到对应的内容了。
网络协议则是规定了不同的空间存储不同的数据,网络协议包,则是对应的数据包,是一组有规律的二进制数据,这组数据存在了固定空间,每一个空间专门存放特定信息,这样接收方在接收网络协议包之后就可以到固定空间得到对应信息,网络协议包的出现极大地降低了接收方对接收二进制数据编译的难度。
为了适应不同的特点,出现了很多种网络协议,比如FTP、HTTP等等,这些协议具有不同的特点,适应不同的场景。在基于B/S结构下的互联网通信过程中,所有在网络中传输信息都是采用的HTTP协议,也就是地址栏中的http或者https字段。
2. HTTP网络协议
HTTP网络协议包分为请求包和响应包两种,分别对应客户端的请求以及服务端的响应。
HTTP请求协议包
在浏览器准备发送请求时,负责创建一个HTTP请求你协议包,浏览器将请求信息以二进制形式保存在HTPP请求协议包各个空间,由浏览器负责将HTTP请求协议包推送到指定服务端计算机。
HTTP响应协议包
HTTP服务器在定位到被访问的资源文件之后,负责创建一个HTTP响应协议包,HTTP服务器将定位到的文件内容或者文件命令以二进制形式写入到HTTP响应协议包各个空间,由HTTP服务器负责将HTTP相应协议包推送回发起请求的浏览器上。
2.1 请求协议包空间划分(重点)
注意,请求方式get和post的区别,get是将请求参数保留在请求头中,而post则是将请求参数保留在请求体中。协议包的空间如下所示:

简单案例如下所示,查看网络流量,可以看到解析后的空间分布(一般只能看到请求行和请求体)。下面的栏框中,左侧是从服务器响应过来的资源文件,电子左侧,可以看到具体右侧的请求包以及响应包的具体字段设置。


2.2 响应协议包空间划分(重点)
响应包和请求包类似,也是分为四部分:状态行、响应头、空白行、响应体。其中状态行表明了服务器针对此请求所做出的的响应状态,典型状态码有200、404、405等等;响应头则主要是指定浏览器采用对应编译器对响应体二进制数据进行解析(content-type,表名资源文件的类型,指示浏览器以哪种格式解码);空白行则依然是隔离;响应体存储的可能是静态资源文件的具体内容,也可能是动态资源文件的运行结果。

如下所示,在下面的图片中,其响应头就是image/png。


3. HTTP服务器
前面提到过服务器就是服务器软件,能够处理特定请求的服务器软件。HTTP服务器是服务器中的一种,其行为与HTTP协议相关;HTTP服务器可以接收来自浏览器发送的HTTP请求协议包,并自动对HTTP请求协议包的内容进行解析;解析后,自动定位被访问的文件,并将定位的文件内容写入到HTTP响应协议包中;最后负责将HTTP响应协议包推送到发起请求的浏览器上。
3.1 HTTP分类
HTTP服务器在B/S通信模型下广泛使用,到目前为止已经产生了大量的类型,大部分都是由Java开发的,目前在软件行业中比较知名的HTTP服务器有如下几种:
- JBOSS服务器(企业级)
- Glassfish服务器(企业级)
- Jetty服务器(轻量级)
- Weblogic服务器(企业级)
- Websphere服务器(公认目前最强大的服务器,企业级)
- Tomcat服务器(轻量级易上手)
和客户端软件浏览器软件一样,服务器也不需要程序员开发,只需要会用即可。企业级服务器也被称为应用服务器,轻量级服务器被称为WEB服务器。应用服务器实现了JavaEE13个所有的规范,而WEB服务器则只实现了JavaEE中的Servlet+JSP两个核心的规范。
3.2 安装Tomcat服务器
官网Apache Tomcat® - Welcome!下载,一般下载8或者9版本,选择core目录,然后选择对应系统即可,下载完解压之后即安装成功。Tomcat还有一个名字,称为Catalina,据说作者是在这个岛屿上开发了一个轻量级的WEB服务器。
注意,Tomcat是Java编写的,所以需要有JRE的支持,这时候就需要配置JAVA_HOME或者JRE_HOME,即JDK目录或者jre目录,在系统的环境变量中添加二者其一即可,如下所示:

注意,部分Windows用户需要配置CATALINA_HOME变量,告诉系统tomcat的安装目录。(可以看一下startup.bat文件的具体内容,需要这个变量)
启动和关闭的命令均在安装目录的bin目录下,startup.bat以及shutdown.bat,在cmd窗口执行的时候,不用写.dat后缀。在浏览器中输入localhost:8080或者127.0.0.1:8080即可看到Tomcat的启动页面。
.bat是Windows操作系统的批处理文件,包含了一些dos命令,和Linux系统中的.sh脚本类似。
3.3 Tomcat服务器文件结构
安装后的目录结构如下所示:

其中:
- bin文件夹,是Tomcat软件的命令管理中心,里面存放了一些命令,比如启动和关闭命令;
- conf文件夹,是Tomcat的核心配置文件,主要有properties和xml两种类型的配置文件,最核心的就是
server.xml文件,里面有监听的端口号以及连接超时时间等等配置。 - lib文件夹,存放了Tomcat运行时所需要的jar包。
- log文件夹,存放了Tomcat运行时产生的一些日志信息,用于后续查看以及问题的排查等等。
- temp文件夹,存放了一些临时产生的文件。
- webapps文件夹,是web application的缩写,我们知道,服务器会自动定位硬盘中请求的资源文件,而硬盘又比较大,检索开销较大;另外,硬盘中只有一部分资源文件允许被外界客户端请求,这些需要对文件进行设置权限。所以,webapps定义了一个默认的位置,Tomcat会自动到这个文件夹下找相关的文件,找不到就会放弃。即该文件保存了可以被其他客户端访问到的资源文件。(注意,该文件夹下初始有5个文件夹,分别对应5个网站。或者也可以这样认为,该文件夹下就是可以被访问的资源,只不过为了更好的管理,将同类型的资源文件,或者说同功能的资源文件放到了同一个文件夹下。)
- work文件夹,是Tomcat的工作空间,存放.jsp文件翻译之后的.java文件以及编译后的.class文件。
3.4 简单例子
本节概述一个例子:模拟第一次互联网通信,描述如下:
- 在Tomcat安装地址中的webapps文件夹下,创建一个网站(myweb)。网站全称是网络资源站点,即该站点存储了若干个网络资源,允许被访问的静态或者动态资源文件。注意,要用英文。
- 将一个静态资源文件添加到网站(myweb)中。
- 启动Tomcat。
- 启动浏览器,命令浏览器向Tomcat索要该静态资源文件。即输入URL:
网络协议包://服务端计算机IP地址:HTTP服务器监听端口号/网站名/资源文件名称
在3.3中提到,webapps目录下是Tomcat提供的示例,可以按照上述第4步骤,在浏览器中访问一下资源文件。简单测试例子如下所示,新建test网站,然后里面放置了一个静态资源文件,在浏览器中访问如下所示(可以F12查看网络传输的HTTP请求包和响应包的相关信息):


3.5 IDEA管理Tomcat
后续的开发主要用到IDEA,所以可以用IDEA来管理Tomcat,首先就是告诉IDEA管理哪个服务器,在什么位置;然后设置一个开关,可以一键启动和关闭Tomcat,而不再需要cmd端手动用命令开始和关闭。
设置路径如下:File—>settings—>Build,Execution,Deployment—>Application servers,点击加号,选择对应类型的服务器并设置Tomcat的安装目录。



即告诉了IDEA可以从哪里找到Tomcat,注意,上面还显示了两个jar包,即jsp和servlet相关API方面的class文件,后续,其他文件就可以调用这两个Jar包中的类了(注意,后续仍然需要手动将两个库添加到IDEA中的对应模块的库中)。接下来就是设置开关,可以通知IDEA来启动和关闭Tomcat了。设置路径如下:Run—>Edit Configurations,点击加号,选择Tomcat server,因为作为练习,操作的是本地的Tomcat服务器,所以选择local即可。

界面设置如下,设置好名字,以及打开的Tomcat、以及浏览器和URL(注意,此时还不能打开网站,因为还没有发布网站,见后续),点击ok:

点击ok之后,如下所示,服务器左侧有两个按钮,一个是三角形的,启动之后,网站的资源文件不能被修改;另一个昆虫形状的启动按钮,启动之后可以修改资源文件(一般选择昆虫状启动)。

3.6 IDEA新建网站
在IDEA开发,最简单的就是直接采用IDEA进行建站,不用再在Tomcat目录下新建文件夹了。选择File—>New—>Module

选择Java企业级,点击Web Application,设置模块名称即可。

创建好网站如下所示,主要有两个文件夹,src和web:
- src文件夹,存放作为动态资源文件的Java文件;
- web文件夹,存放作为静态资源文件的【图片、html、css、js】,存放网站运行时依赖的Jar包(如mysql驱动),存放网站的核心配置文件(web.xml)。注意,实际上,这个web文件夹就对应Tomcat中的webapp项目的根目录。
- WEB-INF文件夹:依赖的Jar包以及核心配置文件web.xml
- lib文件夹,依赖的jar包(自己创建,然后Jar放入这里)
- web.xml,通知Tomcat当前网站哪些Java类是动态资源文件
- WEB-INF文件夹:依赖的Jar包以及核心配置文件web.xml

测试,将一个图片放入web文件夹下,注意,此时需要告诉Tomcat,让它管理这个网站,而Tomcat已经可以让IDEA启动了,那么此时就可以让IDEA来告诉Tomcat,让它来管理这个网站,和上面的配置开关一样,IDEA会自动为一个新建的网站创建一个开关,所以如果想用原来自己的开关,可以将新的开关删除。点击开关,右侧Deployment,点击加号,选择Artifacts,下方是网站的别名,即真正的URL访问网站根路径,比如以斜杠开头。
注意,上述的操作,称为发布网站。


发布网站之后,可以看到Tomcat开关处,确实显示了当前管理的网站列表,启动Tomcat测试。

测试如下,输入资源路径即可,因为没有别的文件夹,所以静态资源是可以直接在网站根目录下访问的:


至此,本地主机利用IDEA配置Tomcat,并新建网站测试结束。
简单例子如下所示:
1 |
|
4. 备注
参考B站《动力节点》。