使用Docker搭建前端Java开发环境

简介:


解决的痛点

  1. 免搭建后端开发环境。
  2. 开发环境改变只需要改变镜像就能同步更新。
  3. 不需要eclipse等IDE工具。
  4. 切换开发项目

解决思路

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

关于docker

了解docker

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

加速器

daocloud 加速器

搭建环境

下载和安装好docker之后我们就可以开始了,我们下面讲的都是java,不过其他环境同理。

获取 Ubuntu 镜像。

 
  1. docker pull ubuntu 

完成后执行 docker images 就能看到一个刚刚更新的镜像了。

进入容器

 
  1. docker run -it ubuntu 

安装软件、配置环境变量

首先更新apt-get

 
  1. apt-get update 

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

启动服务

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

所以,我们先退出容器

 
  1. exit 

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

如果我们想再进入这个容器可以执行下面的命令,容器ID请复制自己的。

 
  1. docker exec -it 容器ID bash 

虽然容器还在运行,但是他并没有持久化,为了防止万一,在我们修改容器里面的内容之后尽快持久化。

 
  1. docker commit 容器ID java 

这个命令的意思是将我们容器持久化为java镜像。如果镜像不存在就会新建一个。

启动这个新建的镜像。

 
  1. docker run -it -p 8080:8080 java 

注意看我们的启动命令发生了变化,多了一个 -P 这个命令的意思是将容器内的 8080 端口暴漏到宿主机上。

再次访问 0.0.0.0:8080,我们就能看到那只小花猫了,真可爱。

刚才那个容器还在占用我们的内存怎么办,干掉他。

 
  1. docker rm 容器ID 

至此我们的第一步已经完成了,接下来我们就要集成我们的代码了。

集成代码

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

不好意思,我们又要干掉刚才启动的那个容器了。

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

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

进入目录后我们就能发现web目录下的文件静静的躺在里面,像是沉睡多年的玛丽苏在等待你的呼唤。

开始呼唤吧。

 
  1. mvn clean install -U -Plocal -DskipTests 

一段时间过后我们就会看到打包成功的提示,将war包copy到 tomcat webapps 目录下,就能访问你的项目了。

至此我们的项目终于跑起来了,但是有几个问题。

  1. 每次都要跑这么长的命令?好麻烦。
  2. 每次改代码都要重新打包,时间很长。
  3. 启动日志怎么看?报错了怎么办?
  4. 怎么修改前端模板文件不需要重启服务?

基于这些问题,我们就需要写一个脚本来解决了。

shell脚本

脚本将提供下面几个指令

  • -y 更新maven包-编译-打包-发布-启动tomcat
  • -p 编译-打包-发布-启动tomcat
  • -r 重启tomcat
  • -c 重新编译java文件-发布-启动tomcat
  • -w 监听vm文件,默认5S同步一次
  • -l 查看tomcat日志
  • -h 帮助 
 
  1. # 需要变动的变量 
  2. ################################################################# 
  3.  
  4. # 环境变量,根据conf目录下选择 
  5.  
  6. DEV="local" 
  7.  
  8. ################################################################# 
  9.  
  10. # 不需要改动的变量 
  11. # war包地址 
  12. WAR_URL="/opt/root/target/*.war" 
  13.  
  14. # tomcat 地址 
  15. TOM_URL="/usr/share/tomcat7" 
  16.  
  17. # 项目启动地址 
  18. TOM_ROOT="${TOM_URL}/webapps" 
  19.  
  20. # 文件监听间隔,单位秒 
  21. WT=5 
  22.  
  23. # 拷贝 vm 
  24. WC_VM="src/main/webapp/WEB-INF/tpl /usr/share/tomcat7/webapps/ROOT/WEB-INF/" 
  25.  
  26. # 拷贝class 
  27. WC_JAVA="target/classes /usr/share/tomcat7/webapps/ROOT/WEB-INF/" 
  28.  
  29. # 通用方法 
  30. #  
  31.  
  32. # 使用新包 
  33. function newwar(){ 
  34.  
  35.     # 删除旧包 
  36.     rm -rf ${TOM_ROOT}/* 
  37.  
  38.     # 移动war包 
  39.     mv ${WAR_URL} ${TOM_ROOT}/ROOT.war 
  40.  
  41. # 重启tomcat 
  42. function restart(){ 
  43.     # 关闭已启动程序 
  44.     killall -9 java 
  45.     # 启动服务 
  46.     ${TOM_URL}/bin/startup.sh 
  47.     # 输入启动日志 
  48.     tail -f ${TOM_URL}/logs/catalina.out 
  49.  
  50. # 指令处理 
  51. while getopts ":yprcwlh" optname 
  52. do 
  53.     case "$optname" in 
  54.     "y"
  55.         echo "更新jar包" 
  56.  
  57.         mvn clean install -U -P${DEV} -DskipTests 
  58.         newwar 
  59.         restart 
  60.         ;; 
  61.     "p"
  62.         echo "重新打包" 
  63.  
  64.         mvn clean package -P${DEV} -DskipTests 
  65.  
  66.         newwar 
  67.         restart 
  68.         ;; 
  69.     "r"
  70.         echo "重启tomcat" 
  71.  
  72.         restart 
  73.         ;; 
  74.     "c"
  75.         echo "重新编译并重启服务" 
  76.  
  77.         mvn clean compile -P${DEV} -DskipTests 
  78.         cp -R ${WC_JAVA} 
  79.         restart 
  80.         ;; 
  81.     "w"
  82.         echo "开始监听vm文件" 
  83.  
  84.         # 监听 VM 
  85.         watch -n ${WT} cp -R ${WC_VM} 
  86.         ;; 
  87.     "l"
  88.         echo "日志" 
  89.  
  90.         # 监听 VM 
  91.         tail -f ${TOM_URL}/logs/catalina.out 
  92.         ;; 
  93.     "h"
  94.  
  95.         echo " -y 更新maven包-编译-打包-发布-启动一条龙服务" 
  96.         echo " -p 编译打包发布启动一条龙服务" 
  97.         echo " -r 重启tomcat" 
  98.         echo " -c 重新java文件并部署重启服务" 
  99.         echo " -w 监听vm文件,默认5S同步一次" 
  100.         echo " -l 查看日志" 
  101.         echo " -h 帮助" 
  102.         ;; 
  103.     esac  

推广到团队

经过上面三步,我们的工具已经建好了,但是怎么让其他人也能使用起来呢?

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

 
  1. docker save java -o ./java.tar 

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

 
  1. docker load -i java.tar 

其他同学可以通过这个命令将我们的镜像加载到他的docker中。

再将shell脚本集成到项目根目录中,就可以愉快的使用了。


作者:黑血沸腾

来源:51CTO

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
12天前
|
前端开发 小程序 Java
uniapp上传图片 前端以及java后端代码实现
uniapp上传图片 前端以及java后端代码实现
28 0
|
1月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
17天前
|
前端开发 应用服务中间件 nginx
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
78 0
|
29天前
|
前端开发 JavaScript Java
从前端到后端:构建高效的全栈开发环境
本文将探讨如何在全栈开发中构建高效的开发环境,包括前端和后端技术栈的整合与优化,以及如何利用最新的工具和框架提升开发效率。
|
1月前
|
前端开发 JavaScript Java
|
1月前
|
前端开发 Java 网络安全
解决docker中运行的jar包连不上前端程序
解决docker中运行的jar包连不上前端程序
|
1月前
|
Java 网络安全 开发者
【Docker】5、Dockerfile 自定义镜像(镜像结构、Dockerfile 语法、把 Java 项目弄成镜像)
【Docker】5、Dockerfile 自定义镜像(镜像结构、Dockerfile 语法、把 Java 项目弄成镜像)
41 0
|
2月前
|
运维 Java 开发者
深入浅出:使用Docker容器化改善Java应用的部署与运维
在当今快速迭代的软件开发周期中,确保应用的一致性、可移植性与易于管理成为了开发与运维团队面临的重大挑战。本文旨在介绍如何通过Docker容器技术,有效地解决这些问题,特别是针对Java应用。我们将从Docker的基本概念出发,逐步深入到实际操作,展示如何将传统的Java应用容器化,以及这一过程如何帮助简化部署流程、提高应用的可靠性和可伸缩性。不同于常规的技术文章,本文试图以一种更加易于理解和实践的方式,让读者能够快速掌握容器化技术,并将其应用于日常的开发与运维工作中。
90 0
|
2月前
|
运维 Java Linux
深入解析:使用Docker容器化技术提升Java应用的部署效率
在快速迭代的软件开发周期中,如何保证应用的快速、一致和可靠部署成为了开发团队需要面对的重大挑战。本文将探讨如何利用Docker容器化技术,结合Java应用,实现高效、一致的部署流程。我们将从Docker的基本概念出发,详细介绍将Java应用容器化的步骤,包括创建Dockerfile、构建镜像以及运行容器等关键环节,并通过示例代码加以说明。此外,本文还将讨论在使用Docker部署Java应用时可能遇到的常见问题及其解决策略,旨在为读者提供一种提升部署效率、优化开发流程的有效方法。
301 2
|
2月前
|
Java 持续交付 虚拟化
深入浅出:使用Docker容器化改善Java应用的开发与部署流程
在快速迭代与持续集成的软件开发周期中,确保应用在各种环境中一致运行是一个挑战。本文介绍了如何利用Docker容器技术,来容器化Java应用,以实现环境一致性、简化配置和加速部署过程。我们将从Docker的基础知识开始,探讨其与传统虚拟机的区别,进而深入到如何创建Dockerfile,构建镜像,以及运行和管理容器。此外,文章还将涵盖使用Docker Compose来管理多容器应用的策略,以及如何利用容器化改善CI/CD流程。通过本文,读者将获得关于如何高效地利用Docker改善Java应用开发与部署流程的实践指导。
159 1