html5中文学习网

您的位置: 首页 > 网络编程 > java教程 » 正文

Docker搭建前端Java的开发环境详解_java_

[ ] 已经帮助:人解决问题

一、解决的痛点7VmHTML5中文学习网 - HTML5先行者学习网

      1、免搭建后端开发环境。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      2、开发环境改变只需要改变镜像就能同步更新。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      3、不需要eclipse等IDE工具。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      4、切换开发项目7VmHTML5中文学习网 - HTML5先行者学习网

二、解决思路7VmHTML5中文学习网 - HTML5先行者学习网

利用docker启动Ubuntu镜像,在容器中搭建好项目需要的开发环境,使用挂载卷将本地代码挂载到容器中,使用容器中的环境编译运行代码,宿主机通过 docker 暴漏出的端口访问容器中的服务,这样前端的开发机上就只需要部署docker就搞定了。7VmHTML5中文学习网 - HTML5先行者学习网

三、关于docker7VmHTML5中文学习网 - HTML5先行者学习网

了解docker7VmHTML5中文学习网 - HTML5先行者学习网

本文并不打算细讲docker的知识,相关的文章有很多,如果有兴趣可以看 这本书,对于docker的使用我也仅限于此工具的开发,如果有不对的地方还有大家指出来。7VmHTML5中文学习网 - HTML5先行者学习网

加速器7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

daocloud 加速器7VmHTML5中文学习网 - HTML5先行者学习网

四、搭建环境7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

下载和安装好docker之后我们就可以开始了,我们下面讲的都是java,不过其他环境同理。7VmHTML5中文学习网 - HTML5先行者学习网

获取 Ubuntu 镜像。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

docker pull ubuntu

完成后执行 docker images 就能看到一个刚刚更新的镜像了。7VmHTML5中文学习网 - HTML5先行者学习网

进入容器7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

docker run -it ubuntu

五、安装软件、配置环境变量7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

首先更新apt-get7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

apt-get update

接下来就可以使用 apt-get install * 安装你需要的软件了,如果没有就下载安装包自行安装,同时配置好环境变量,这里就不赘述了。7VmHTML5中文学习网 - HTML5先行者学习网

六、启动服务7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

进入tomcat目录,启动服务,在浏览器打开 0.0.0.0:8080, 如果没有错的话你会看到该服务器无法访问。这是因为我们刚才启动的服务是在docker内,如果不做一些操作的话我们是无法访问到docker内部的服务的。7VmHTML5中文学习网 - HTML5先行者学习网

所以,我们先退出容器7VmHTML5中文学习网 - HTML5先行者学习网

exit

退出之后执行 docker ps -a,就能看到我们刚才的容器依然还在,可能大多刚接触docker的人都会犯这个错误,以为退出容器之后容器就销毁了,其实不然。7VmHTML5中文学习网 - HTML5先行者学习网

如果我们想再进入这个容器可以执行下面的命令,容器ID请复制自己的。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

docker exec -it 容器ID bash

虽然容器还在运行,但是他并没有持久化,为了防止万一,在我们修改容器里面的内容之后尽快持久化。7VmHTML5中文学习网 - HTML5先行者学习网

docker commit 容器ID java

这个命令的意思是将我们容器持久化为一个新的镜像,名字叫java。7VmHTML5中文学习网 - HTML5先行者学习网

启动这个新建的镜像。7VmHTML5中文学习网 - HTML5先行者学习网

docker run -it -p 8080:8080 java

注意看我们的启动命令发生了变化,多了一个 -P 这个命令的意思是将容器内的 8080 端口暴漏到宿主机上。7VmHTML5中文学习网 - HTML5先行者学习网

再次访问 0.0.0.0:8080,我们就能看到那只小花猫了,真可爱。7VmHTML5中文学习网 - HTML5先行者学习网

刚才那个容器还在占用我们的内存怎么办,干掉他。7VmHTML5中文学习网 - HTML5先行者学习网

docker rm 容器ID

至此我们的第一步已经完成了,接下来我们就要集成我们的代码了。7VmHTML5中文学习网 - HTML5先行者学习网

七、集成代码7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

我们刚才启动的容器是一个完全的独立的黑盒子,它根本不知道我们的代码再哪里,所以我们就要使用docker的挂载卷让宿主机和容器可以共享目录。7VmHTML5中文学习网 - HTML5先行者学习网

不好意思,我们又要干掉刚才启动的那个容器了。7VmHTML5中文学习网 - HTML5先行者学习网

docker run -it -v /Users/name/web:/opt/root -p 8080:8080 java

我们的启动命令又加入了新成员 -v。这个命令的意思就是将用户根目录下的 web 目录挂在到容器中 /opt/root 目录下。7VmHTML5中文学习网 - HTML5先行者学习网

进入目录后我们就能发现web目录下的文件静静的躺在里面,像是沉睡多年的玛丽苏在等待你的呼唤。7VmHTML5中文学习网 - HTML5先行者学习网

开始呼唤吧。7VmHTML5中文学习网 - HTML5先行者学习网

mvn clean install -U -Plocal -DskipTests

一段时间过后我们就会看到打包成功的提示,将war包copy到 tomcat webapps 目录下,就能访问你的项目了。7VmHTML5中文学习网 - HTML5先行者学习网

至此我们的项目终于跑起来了,但是有几个问题。7VmHTML5中文学习网 - HTML5先行者学习网

      1、每次都要跑这么长的命令?好麻烦。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      2、每次改代码都要重新打包,时间很长。7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      3、启动日志怎么看?报错了怎么办?7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      4、怎么修改前端模板文件不需要重启服务?7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

基于这些问题,我们就需要写一个脚本来解决了。7VmHTML5中文学习网 - HTML5先行者学习网

八、shell脚本7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

脚本将提供下面几个指令7VmHTML5中文学习网 - HTML5先行者学习网

      -y 更新maven包-编译-打包-发布-启动tomcat7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -p 编译-打包-发布-启动tomcat7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -r 重启tomcat7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -c 重新编译java文件-发布-启动tomcat7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -w 监听vm文件,默认5S同步一次7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -l 查看tomcat日志7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

      -h 帮助7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

# 需要变动的变量################################################################## 环境变量,根据conf目录下选择DEV="local"################################################################## 不需要改动的变量# war包地址WAR_URL="/opt/root/target/*.war"# tomcat 地址TOM_URL="/usr/share/tomcat7"# 项目启动地址TOM_ROOT="${TOM_URL}/webapps"# 文件监听间隔,单位秒WT=5# 拷贝 vmWC_VM="src/main/webapp/WEB-INF/tpl /usr/share/tomcat7/webapps/ROOT/WEB-INF/"# 拷贝classWC_JAVA="target/classes /usr/share/tomcat7/webapps/ROOT/WEB-INF/"# 通用方法# # 使用新包function newwar(){  # 删除旧包  rm -rf ${TOM_ROOT}/*  # 移动war包  mv ${WAR_URL} ${TOM_ROOT}/ROOT.war}# 重启tomcatfunction restart(){  # 关闭已启动程序  killall -9 java  # 启动服务  ${TOM_URL}/bin/startup.sh  # 输入启动日志  tail -f ${TOM_URL}/logs/catalina.out}# 指令处理while getopts ":yprcwlh" optnamedo  case "$optname" in  "y")    echo "更新jar包"    mvn clean install -U -P${DEV} -DskipTests    newwar    restart    ;;  "p")    echo "重新打包"    mvn clean package -P${DEV} -DskipTests    newwar    restart    ;;  "r")    echo "重启tomcat"    restart    ;;  "c")    echo "重新编译并重启服务"    mvn clean compile -P${DEV} -DskipTests    cp -R ${WC_JAVA}    restart    ;;  "w")    echo "开始监听vm文件"    # 监听 VM    watch -n ${WT} cp -R ${WC_VM}    ;;  "l")    echo "日志"    # 监听 VM    tail -f ${TOM_URL}/logs/catalina.out    ;;  "h")    echo " -y 更新maven包-编译-打包-发布-启动一条龙服务"    echo " -p 编译打包发布启动一条龙服务"    echo " -r 重启tomcat"    echo " -c 重新java文件并部署重启服务"    echo " -w 监听vm文件,默认5S同步一次"    echo " -l 查看日志"    echo " -h 帮助"    ;;  esac

九、推广到团队7VmHTML5中文学习网 - HTML5先行者学习网
7VmHTML5中文学习网 - HTML5先行者学习网

经过上面三步,我们的工具已经建好了,但是怎么让其他人也能使用起来呢?7VmHTML5中文学习网 - HTML5先行者学习网

docker 提供了云服务,如果我们的镜像足够小就可以将镜像推送到云上供团队其他人下载运行,但是我们的镜像已经超过了1G。。。所以我们就不能使用这种方式了。7VmHTML5中文学习网 - HTML5先行者学习网

docker save java -o ./java.tar

使用上面的命令可以将镜像持久化到本地文件 java.tar,然后通过其他手段进行传输到其他同学的机器上,我们使用AirDrop,几分钟的事情。7VmHTML5中文学习网 - HTML5先行者学习网

docker load -i java.tar

其他同学可以通过这个命令将我们的镜像加载到他的docker中。7VmHTML5中文学习网 - HTML5先行者学习网

再将shell脚本集成到项目根目录中,就可以愉快的使用了。7VmHTML5中文学习网 - HTML5先行者学习网

总结7VmHTML5中文学习网 - HTML5先行者学习网

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。7VmHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助