网站首页 » 前端开发 » 前端工具 » 本地 apache tomcat 之 web 项目部署
上一篇:
下一篇:

本地 apache tomcat 之 web 项目部署

前言

在团队开发软件时,项目的协同合作就非常重要了。这个协同合作包括很多方面,如:git 的运用,本地调试,代码封装等,但这篇文章主要是想分享下在本地调试的时的环境配置问题。也就是把 web 项目部署到本地的 apache tomcat。说真的这个部署步骤非常地简单,但如果没有了解其中的套路,估计也得折腾好长一段时间。

下载安装

工欲善其事必先利其器,所以我们现在先来把所有需要的资源都一一准备好,如果没有则到相应的官网下载。这里也给出链接:

下载

Apache Tomcat:http://tomcat.apache.org/

jdk:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

选择合适的版本进行下载。

安装配置

这两个下载完后,我们就已经准备好了。接下来就是安装这两个程序。Apache Tomcat 解压就可以用了,直接放到你想好的安装目录就行,jdk 的安装就需要点时间,但也不会很多。

装完后,我们还需要去给jdk 配置下环境变量,【我的电脑】-【右键】-【属性】-【高级系统设置】-【环境变量】。在下面的系统变量中添加两个环境变量

本地 apache tomcat 之 web 项目部署

环境变量

JAVA_HOME:E:\Program Files\Java\jdk1.8.0_131\

JRE_HOME:E:\Program Files\Java\jre1.8.0_131\

冒号前面是变量名,冒号后面是值。这个值就是你刚才安装的 jdk 路径,添加完后,确定退出。

现在你就可以打开 Apache Tomcat 站点目录(我把它放到 E 盘,E:\Program Files\apache-tomcat-9.0.0.M21\webapps),接着把项目放到里面去。接下来变你可以通过 localhost:8080/yunkus,进行访问了。yunkus 目录就是你的项目存放的文件夹名称。默认端口为8080 你也可以自定义其它端口号。

高级篇

站点文件映射(符号链接),这种实现方式比直接把 WEB 项目拷贝到站点(yunkus)下更加灵活一些。试想一下,如果我们从 git 上同步下来的项目文件是放天其它路径,而如果想访问网站修改过后的效果,你是不是要把 yunkus 目录下的所有文件删掉,然后再把同步下来最新的代码拷贝重新放到yunkus 这个目录下?这种方法不用说,绝对有你好受的,所以在这里我们可以用文件映射(符号链接)来解决这个问题。具体的步骤如下:

步骤一:确定项目所需的文件,比如 images 目录、css 目录、js 目录等等。这个就得具体情况具体分析了。

步骤二:把它们映射(符号链接)到 yunkus 目录下,管理员身份运行 cmd (下面分另以目录和文件举例说明):

// 映射(符号链接)目录的命令行
mklink /D "E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\images\" "E:\project\resource\images\"
mklink /D "E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\css\" "E:\project\resource\css\"

// 映射(符号链接)文件的命令行
mklink "E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\js\router.js" "E:\project\resource\js\router.js"
mklink "E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\index.html" "E:\project\resource\index.html"

上面就是映射(符号链接)文件的基本套路,对着套路把自己项目所需的文件或者目录映射过来就好。

注意

目录跟文件的映射(符号链接)命令行有些不一样,文件的映射(符号链接) mklink 后面是没有 “/D” 的,并且最后 的 “/” 也是没有的。

前面路径是你的  apache tomcat 的站点目录,后面的路径就是你从 项目的存放路径(比如:git 本地仓库)。

如果创建成功你会看到这样的提示,在 cmd 中会有类似如下的提示:

mklink "E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\index.html" "E:\project\resource\index.html"
为 E:\Program Files\apache-tomcat-9.0.0.M21\webapps\yunkus\index.html <<===>> E:\project\resource\index.html 创建的符号链接

并且会在yunkus 目录里创建一个类似于快捷方式的文件或者目录。

mklink 创建软链接

图中的 js 目录没有箭头,因为是我创建的,在js 目录下也有 js 文件要映射(符号链接),至此基本完成了本地的项目部署,不过很有可能你还会遇到跨域的问题。

跨域的处理

解决方案也非常地简单,在桌面上创建浏览器快捷方式(用什么浏览器就看你平时习惯了,这里我以 Chrome 浏览器为例)。

跨域的处理

快捷方式-【右键】-【属性】在目标后面的输入框中追加如下一行代码:

--disable-web-security --user-data-dir=C:\MyChromeDevUserData --enable-file-cookies

访问异常处理

但是,由于各种原因,当你在浏览器中访问时,很有可能还会遇到这样的情况:

Error

The requested URL could not be retrieved

如图:

The requested URL could not be retrieved

出现这种情况很有可能是因为你使用了自动配置脚本或者设置了代理。你可以这样解决:

在浏览器中找到【设置】-【打开代理设置】-【连接】-【局域网设置】

The requested URL could not be retrieved

如果您使用了自动配置脚本,请取消使用此脚本;如果您使用了代理服务器,请选中“对于本地地址不使用代理服务器”的复选框,或者直接取消代理服务。

正确的访问姿势:

当做好以上配置后,先启动 Tomcat,进入 tomcat/bin (比如:E:\Program Files\apache-tomcat-9.0.0.M21\bin)目录在空白区按住 Shift 键+鼠标右键,选择[在此处找开命令窗口],执行: startup 命令,以启用服务,接着就可以 localhost:8080/yunkus 来访问了。

至此,我们就非常完美地完成了 WEB 项目在本地 apache tomcat 中的部署。

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/web-project-deployment-in-localhost-apache-tomcat/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END