经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 数据库/运维 » Linux/Shell » 查看文章
docker部署 springboot 多模块项目+vue
来源:cnblogs  作者:pluto_charon  时间:2021/2/18 15:24:08  对本文有异议

之前学习了docker,今天就来试试将这个项目打包成docker镜像并通过运行一个镜像来运行项目。这里使用的项目是el-admin。是一个开源的springboot后端管理框架(前端vue),有兴趣的小伙伴可以去看看。

网址:https://el-admin.vip

关于docker的入门可以查看我之前的博客:https://www.cnblogs.com/pluto-charon/p/14118514.html

需要使用到的容器有:mysql、redis、nginx

1.打包后端代码

在这里使用的是springboot多模块的代码。所以打包还是有点麻烦的,在网上找了好久,试了好几种方式,都不行。

1.模块结构

整个项目的摸块结构如下图所示:eladmin为父摸块,但这个模块出来pom没有其他的代码。

  • eladmin-common 为系统的公共模块,各种工具类,公共配置存在该模块
  • eladmin-system 为系统核心模块也是项目入口模块,也是最终需要打包部署的模块
  • eladmin-logging 为系统的日志模块,其他模块如果需要记录日志需要引入该模块
  • eladmin-tools 为第三方工具模块,包含:图床、邮件、云存储、本地存储、支付宝
  • eladmin-generator 为系统的代码生成模块,代码生成的模板在 system 模块中

  1. 在父pom.xml里加上maven的编译插件

    1. <build>
    2. <plugins>
    3. <!-- 打包时跳过测试 -->
    4. <plugin>
    5. <groupId>org.apache.maven.plugins</groupId>
    6. <artifactId>maven-surefire-plugin</artifactId>
    7. <configuration>
    8. <skip>true</skip>
    9. </configuration>
    10. </plugin>
    11. <plugin>
    12. <groupId>org.apache.maven.plugins</groupId>
    13. <artifactId>maven-compiler-plugin</artifactId>
    14. <version>3.1</version>
    15. <configuration>
    16. <source>${java.version}</source>
    17. <target>${java.version}</target>
    18. </configuration>
    19. </plugin>
    20. <plugins>
    21. <build>
  2. 在eladmin-system(项目入口模块)的pom.xml文件里添加:

    1. <build>
    2. <plugins>
    3. <plugin>
    4. <groupId>org.springframework.boot</groupId>
    5. <artifactId>spring-boot-maven-plugin</artifactId>
    6. <configuration>
    7. <!-- 指定该Main Class为全局的唯一入口 -->
    8. <mainClass>me.zhengjie.AppRun</mainClass>
    9. <layout>ZIP</layout>
    10. </configuration>
    11. <executions>
    12. <execution>
    13. <goals>
    14. <goal>repackage</goal><!--可以把依赖的包都打包到生成的Jar包中-->
    15. </goals>
    16. </execution>
    17. </executions>
    18. </plugin>
    19. </plugins>
    20. </build>
  3. 其他的模块不变,不需要在pom.xml里面添加build内容。

2.打包

如果配置没有问题的话,那双击maven的package打包就可以成功了。建议是先clean一下,然后在package打包。

打包成功后,就可以在eladmin-system(项目入口模块)的pom同级目录下找到jar包。

3.上传代码并编写dockerfile文件

3.1 启动虚拟机的docker

  1. [root@localhost ~]# systemctl start docker
  2. # 开启docker的远程访问
  3. [root@localhost ~]# vi /lib/systemd/system/docker.service
  4. # 修改ExecStart这一行为
  5. ExecStart=/usr/bin/dockerd -H tcp://0.0.0.0:2375 -H unix:///var/run/docker.sock
  6. # 查看防火墙的状态
  7. [root@localhost system]# systemctl status firewalld
  8. # 如果是开启的,则需要关闭防火墙并且禁用
  9. [root@localhost system]# systemctl stop firewalld & systemctl disable firewalld

3.2 将eladmin-system-2.6.jar上传到/home/el-admin下。并在同级目录下编写Dockerfile文件。

  1. [root@localhost el-admin]# vi Dockerfile
  2. # 文件内容
  3. FROM java:8
  4. ARG JAR_FILE=./*.jar
  5. COPY ${JAR_FILE} el-admin.jar
  6. ENV TZ=Asia/Shanghai
  7. ENTRYPOINT ["java","-jar","el-admin.jar"]

3.3 构建镜像

为了方便版本管理,可以在镜像后面添加版本

  1. docker build -f Dockerfile -t eladmin:v1.0.0 .

3.4 结果

  1. [root@localhost el-admin]# docker build -f Dockerfile -t eladmin:v1.0.0 .
  2. Sending build context to Docker daemon 113.4MB
  3. Step 1/5 : FROM java:8
  4. ---> d23bdf5b1b1b
  5. Step 2/5 : ARG JAR_FILE=./*.jar
  6. ---> Running in 677b700688ee
  7. Removing intermediate container 677b700688ee
  8. ---> 208bd80b9acf
  9. Step 3/5 : COPY ${JAR_FILE} el-admin.jar
  10. ---> e7887c62df96
  11. Step 4/5 : ENV TZ=Asia/Shanghai
  12. ---> Running in fa7e28fecfb1
  13. Removing intermediate container fa7e28fecfb1
  14. ---> f26c5e02d2d0
  15. Step 5/5 : ENTRYPOINT ["java","-jar","el-admin.jar"]
  16. ---> Running in a54176bb6a60
  17. Removing intermediate container a54176bb6a60
  18. ---> b71ac32872f0
  19. Successfully built b71ac32872f0
  20. Successfully tagged eladmin:v1.0.0

3.5 查看镜像

  1. [root@localhost el-admin]# docker images
  2. REPOSITORY TAG IMAGE ID CREATED SIZE
  3. eladmin v1.0.0 b71ac32872f0 About a minute ago 750MB

2.打包前端代码

2.1 将.env.product 中的接口地址改为 '/'

直接在前端代码的根目录下,运行命令打包npm run build:prod,打包完成后,将dist文件夹上传到 /home/el-admin/nginx/html/eladmin 目录下(后面配置nginx时会挂载)。

3.安装redis和mysql镜像

1.安装redis

  1. [root@localhost el-admin]# docker run -itd --name redis --restart=always -p 6379:6379 redis

2.安装mysql

这里使用的是mariadb镜像,并且将mariadb数据文件挂载到宿主机的/home/el-admin/mysql目录下

  1. [root@localhost el-admin]# docker run -v /home/el-admin/mysql/:/var/lib/mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root --privileged=true --restart=always --name mariadb -d mariadb

mysql启动后,可以使用navicat连接mysql,初始化数据。在Java的父模块下有个sql文件,新建一个eladmin的数据库。将里面的eladmin.sql执行一下。

查看

  1. [root@localhost el-admin]# docker container ls --all
  2. CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
  3. 6c390c6dc475 mariadb "docker-entrypoint.s…" 5 minutes ago Up 5 minutes 0.0.0.0:3306->3306/tcp mariadb
  4. 2e465ca985d8 redis "docker-entrypoint.s…" 8 minutes ago Up 8 minutes 0.0.0.0:6379->6379/tcp redis

4.安装与配置nginx容器

1.安装nginx

  1. docker run -d --name nginx --restart always -p 80:80 -p 443:443 -e "TZ=Asia/Shanghai" -v /home/el-admin/nginx/nginx.conf:/etc/nginx/nginx.conf -v /home/el-admin/nginx/conf.d:/etc/nginx/conf.d -v /home/el-admin/nginx/logs:/var/log/nginx -v /home/el-admin/nginx/cert:/etc/nginx/cert -v /home/el-admin/nginx/html:/usr/share/nginx/html nginx:alpine

2.配置文件

  • /home/el-admin/nginx/conf.d使用存放配置文件
  • / home/el-admin/nginx / cert用于存放https证书
  • / home/el-admin/nginx / html用于存放网页文件
  • / home / el-admin/nginx / logs用于存放日志

在nginx目录下创建如下文档:

使用nginx反向代理访问后端服务,由于容器内部通信,因此需要使用容器的ip,也就是127.0.0.1。在/home/el-admin/nginx/conf.d创建一个eladmin.conf的配置文件。文件内容如下:

  1. server
  2. {
  3. listen 80;
  4. server_name 域名/外网IP;
  5. index index.html;
  6. root /usr/share/nginx/html/eladmin/dist; #dist上传的路径
  7. # 避免访问出现 404 错误
  8. location / {
  9. try_files $uri $uri/ @router;
  10. index index.html;
  11. }
  12. location @router {
  13. rewrite ^.*$ /index.html last;
  14. }
  15. # 接口
  16. location /api {
  17. proxy_pass http://172.17.0.1:8000;
  18. proxy_set_header X-Forwarded-Proto $scheme;
  19. proxy_set_header X-Forwarded-Port $server_port;
  20. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  21. proxy_set_header Upgrade $http_upgrade;
  22. proxy_set_header Connection "upgrade";
  23. }
  24. # 授权接口
  25. location /auth {
  26. proxy_pass http://172.17.0.1:8000;
  27. proxy_set_header X-Forwarded-Proto $scheme;
  28. proxy_set_header X-Forwarded-Port $server_port;
  29. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  30. proxy_set_header Upgrade $http_upgrade;
  31. proxy_set_header Connection "upgrade";
  32. }
  33. # WebSocket 服务
  34. location /webSocket {
  35. proxy_pass http://172.17.0.1:8000;
  36. proxy_set_header X-Forwarded-Proto $scheme;
  37. proxy_set_header X-Forwarded-Port $server_port;
  38. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  39. proxy_set_header Upgrade $http_upgrade;
  40. proxy_set_header Connection "upgrade";
  41. }
  42. # 头像
  43. location /avatar {
  44. proxy_pass http://172.17.0.1:8000;
  45. }
  46. # 文件
  47. location /file {
  48. proxy_pass http://172.17.0.1:8000;
  49. }
  50. }

3.启动nginx容器

  1. [root@localhost nginx]# docker start nginx

4 启动java容器

  1. docker run -d --name eladmin --restart always -p 8000:8000 -e "TZ=Asia/Shanghai" -e DB_HOST=172.17.0.1 -e DB_PWD=root -e REDIS_HOST=172.17.0.1 -v /home/el-admin/data/:/home/eladmin/ eladmin

下面是我访问我的程序:

在浏览器上输入: 192.168.189.156:80 登录(admin/123456)后,我在部门管理页面添加了两条数据,然后在navicat 上查询sys_dept表可以看到新增了两条数据。

到这里,整个项目就部署完成了。

5.上传到阿里云

阿里云上创建镜像仓库

然后操作指南里操作就行了。上传成功后,可在该仓库下的镜像版本中查看是否上传成功。

参考文章:

el-admin部署文档:https://el-admin.vip/guide/xmbs.html

原文链接:http://www.cnblogs.com/pluto-charon/p/14381600.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号