Java 杂谈每日一篇Java程序员技术栈

JavaWeb基础(三)-搭建纯粹的Web项目和部署

2018-08-16  本文已影响3人  sixleaves

1.搭建纯粹的Web项目和部署

今天主要分享关于如何搭建最纯粹的Web项目并进行部署.将不实用默认的eclipse配置目录,为的是能够脱离eclipse, 在没有有eclipse的依赖下, 也知道如何搭建一个Java的Web应用.

主要从围绕 JavaWeb项目的搭建部署来讲

1.2 Java的Web应用规范

  • 动态项目中, 项目的根路径叫做WebContent
  • maven中, 项目的跟路径叫做webapp(maven是java的一个包管理工具)

为了习惯之后使用maven, 我们就统一将web根目录统一为webapp.在webapp下需要在建立如下三级目录

webapp
--- WEB-INF                // WEB-INF名称必须完全一致,区分大小写
------ classes             // java字节码文件
------ lib                 // 项目依赖的jar包
------ resources           // 各种不想让外部直接访问的资源

1.3 使用Eclipse搭建纯粹Web应用

接下来我们使用eclipse来演示下搭建最纯粹的Web应用的步骤.主要分为两步建立web目录结构配置编译输出的classpath目录配置部署发布目录

建立目录结构

图文步骤

步骤1-右键点击新建项目-> 选择Java项目
步骤2-点击finish
步骤3-得到如下干净的目录
步骤4-建立lib目录
步骤5-建立webapps目录
步骤6-拷贝Tomcat的ROOT项目下的web.xml到当前项目下

步骤总结

配置字节码编译后的输出目录

搭建好项目的目录后,我们还需要配置当项目进行编译的时候, 字节码文件要放在哪.这些字节码文件是当时部署的核心代码.

.classpath文件

在项目的目录下有一个.classpath文件,在类linux系统下是隐藏的。在Windows下应该没有隐藏。我们用vim打开可以看到如下内容,定位到output这一行,可以看到其编译输出目录为bin目录.我们需要做进一步更改.

<?xml version="1.0" encoding="UTF-8"?>
<classpath>
       <classpathentry kind="src" path="src"/>
       <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8"/>
       <classpathentry kind="output" path="bin"/>
</classpath>

更改步骤
右键->BuildPath->Configure Build Path

步骤1-选择Configure Build Path
步骤2-选择Browse
步骤3-选择classes,点击OK,应用即可

再次查看会发现OUTPUT目录已经改变.如下,所以当然你可以直接编辑.classpath文件直接配置

<?xml version="1.0" encoding="UTF-8"?>
<classpath>
        <classpathentry kind="src" path="src"/>
        <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8"/>
        <classpathentry kind="output" path="webapp/WEB-INF/classes"/>
</classpath>
这样配置的目的

以后直接拿web根目录去部署,或者直接丢给要使用的人即可.因为该目标下包含所需要的字节码资源文件

1.4 部署

讲完的Web项目的基本搭建,我们就是着写端代码来进行部署.在webapp目录下, 建立一个hello.html网页,网页内容如下.

!hello.html](https://img.haomeiwen.com/i570808/62123ff29103f283.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

准备好这个文件之后,我们需要先进行tomcat插件的安装, 以便于下面的部署练习,下面我会分享三种主要的部署方式, 在这之前我们先来集成tomcat到eclipse

集成tomcat插件到Eclipse

方式一.安装到plugins目录.可以通过Help-> Eclipse MarketPlace 搜索tomcat安装.
image.png

安装成功的标志(需要重启tomcat)

重启Eclipse之后看到这三只猫表示tomcat插件安装成功
方式二(dropins)

该插件支持热部署,只要没有增加新的类无需重启tomcat

指定Tomcat插件要管理的tomcat目录

装完插件后, 还需要指定插件要管理的tomcat路径.如下图配置

1.4.1 传统部署方式

直接拷贝根目录到到tomcat安装目录的webapps.

我eclipse里的项目结构.

如下传统方式部署

传统部署方式
浏览器验证

缺陷

1.4.2 告诉tomcat服务器, 从指定的路径部署

      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t &quot;%r&quot; %s %b" />


              <Context docBase="/Users/sweetcs/Documents/workspace/JavaWebDemo/webapp" path="JavaWebDemo" />

      </Host>
启动浏览器测试.

配置虚拟主机

虚拟主机技术主要是为了解决将多个项目部署在同一台tomcat服务器之上的需求.比如一个公司的多个项目需要部署在同一台服务器上,但是不想让多个项目通过ContextPath区分, 比如有A和B两个项目.我们不想通过

配置步骤

更改server.xml增加两台虚拟主机,绑定不同的域名


      <Host name="www.baidu.com"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t &quot;%r&quot; %s %b" />

              <Context docBase="/Users/sweetcs/Documents/workspace/JavaWebDemo/webapp" path="" />
      </Host>

      <Host name="www.google.com"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t &quot;%r&quot; %s %b" />

              <Context docBase="/Users/sweetcs/Documents/workspace/JavaWebDemo/webapp" path="" />
      </Host>

为了模拟效果, 在/etc/hosts文件下增加google和baidu域名的ip映射(这步是为了模拟, 实际中不用这样做)

/etc/hosts

在项目中新建两个html文件, 分别对应google.htmlbaidu.html.如下.

html文件

启动tomcat和浏览器

baidu
google
上一篇 下一篇

猜你喜欢

热点阅读