碼上快樂

相關內容    簡體    繁體

docker部署 springboot 多模塊項目+vue

本文轉載自   查看原文   2021-02-06 15:21   757 

之前學習了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:v1.0.0 .

3.4 結果

[root@localhost el-admin]# docker build -f Dockerfile -t eladmin:v1.0.0 .
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:v1.0.0

3.5 查看鏡像

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

[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


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Docker部署SpringBoot項目 簡單的使用docker部署前后端項目(vue+springboot) docker-compose 部署 Vue+SpringBoot 前后端分離項目 Docker+nginx部署Springboot+vue前后端分離項目 Docker 部署 vue 項目 docker部署本地springboot項目 win10環境docker部署mysql、vue項目和springboot項目 docker發布springboot項目（含多模塊化springboot項目） docker中部署springboot項目，並且外部訪問 Docker部署nginx+springboot-web項目
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM