当前位置 博文首页 > pluto_charon:docker部署 springboot 多模块项目+vue

    pluto_charon:docker部署 springboot 多模块项目+vue

    作者:pluto_charon 时间:2021-02-06 16:23

    之前学习了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的编译插件

       <build>
              <plugins>
                  <!-- 打包时跳过测试 -->
                  <plugin>
                      <groupId>org.apache.maven.plugins</groupId>
                      <artifactId>maven-surefire-plugin</artifactId>
                      <configuration>
                          <skip>true</skip>
                      </configuration>
                  </plugin>
                  <plugin>
                      <groupId>org.apache.maven.plugins</groupId>
                      <artifactId>maven-compiler-plugin</artifactId>
                      <version>3.1</version>
                      <configuration>
                          <source>${java.version}</source>
                          <target>${java.version}</target>
                      </configuration>
                  </plugin>
             <plugins>
        <build>
      
    2. 在eladmin-system(项目入口模块)的pom.xml文件里添加:

      <build>
              <plugins>
                  <plugin>
                      <groupId>org.springframework.boot</groupId>
                      <artifactId>spring-boot-maven-plugin</artifactId>
                      <configuration>
                          <!-- 指定该Main Class为全局的唯一入口 -->
                          <mainClass>me.zhengjie.AppRun</mainClass>
                          <layout>ZIP</layout>
                      </configuration>
                      <executions>
                          <execution>
                              <goals>
                                  <goal>repackage</goal><!--可以把依赖的包都打包到生成的Jar包中-->
                              </goals>
                          </execution>
                      </executions>
                  </plugin>
              </plugins>
          </build>
      
    3. 其他的模块不变,不需要在pom.xml里面添加build内容。

    2.打包

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

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

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

    3.1 启动虚拟机的docker

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

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

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

    3.3 构建镜像

    docker build -f Dockerfile -t eladmin .
    

    3.4 结果

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

    3.5 查看镜像

    [root@localhost el-admin]# docker images
    REPOSITORY              TAG                 IMAGE ID            CREATED              SIZE
    eladmin                 latest              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

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

    2.安装mysql

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

    [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执行一下。

    查看

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

    4.安装与配置nginx容器

    1.安装nginx

    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的配置文件。文件内容如下:

    server
        {
            listen 80;
            server_name 域名/外网IP;
            index index.html;
            root  /usr/share/nginx/html/eladmin/dist;  #dist上传的路径
    
            # 避免访问出现 404 错误
            location / {
              try_files $uri $uri/ @router;
              index  index.html;
            }
    
            location @router {
              rewrite ^.*$ /index.html last;
            }
    
            # 接口
            location /api {
              proxy_pass http://172.17.0.1:8000;
              proxy_set_header X-Forwarded-Proto $scheme;
              proxy_set_header X-Forwarded-Port $server_port;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
            }
    
            # 授权接口
            location /auth {
              proxy_pass http://172.17.0.1:8000;
              proxy_set_header X-Forwarded-Proto $scheme;
              proxy_set_header X-Forwarded-Port $server_port;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
            }
    
            # WebSocket 服务
            location /webSocket {
              proxy_pass http://172.17.0.1:8000;
              proxy_set_header X-Forwarded-Proto $scheme;
              proxy_set_header X-Forwarded-Port $server_port;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
            }
    
            # 头像
            location /avatar {
              proxy_pass http://172.17.0.1:8000;
            }
    
            # 文件
            location /file {
              proxy_pass http://172.17.0.1:8000;
            }
        }
    

    3.启动nginx容器

    [root@localhost nginx]# docker start nginx
    

    4 启动java容器

    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

    bk
    下一篇:没有了