1. 程式人生 > >docker部署 springboot 多模組專案+vue

docker部署 springboot 多模組專案+vue

之前學習了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 模組中 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151406143-942060184.png) 1. 在父pom.xml里加上maven的編譯外掛 ```shell org.apache.maven.plugins maven-surefire-plugin true org.apache.maven.plugins maven-compiler-plugin 3.1
${java.version} ${java.version}
``` 2. 在eladmin-system(專案入口模組)的pom.xml檔案裡新增: ```shell org.springframework.boot spring-boot-maven-plugin me.zhengjie.AppRun
ZIP
repackage
``` 3. 其他的模組不變,不需要在pom.xml裡面新增build內容。 ### 2.打包 如果配置沒有問題的話,那雙擊maven的package打包就可以成功了。建議是先clean一下,然後在package打包。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151425381-46643800.png) 打包成功後,就可以在eladmin-system(專案入口模組)的pom同級目錄下找到jar包。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151446849-562687986.png) ### 3.上傳程式碼並編寫dockerfile檔案 #### 3.1 啟動虛擬機器的docker ```shell [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檔案。 ```shell [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 構建映象 ```shell docker build -f Dockerfile -t eladmin . ``` #### 3.4 結果 ```shell [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 檢視映象 ```shell [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 中的介面地址改為 '/' ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151639780-135084316.png) 直接在前端程式碼的根目錄下,執行命令打包**npm run build:prod**,打包完成後,將dist資料夾上傳到 `/home/el-admin/nginx/html/eladmin` 目錄下(後面配置nginx時會掛載)。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151553056-73372298.png) ## 3.安裝redis和mysql映象 ### 1.安裝redis ```shell [root@localhost el-admin]# docker run -itd --name redis --restart=always -p 6379:6379 redis ``` ### 2.安裝mysql 這裡使用的是**mariadb**映象,並且將mariadb資料檔案掛載到宿主機的/home/el-admin/mysql目錄下 ```shell [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執行一下。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151611768-1661299636.png) 檢視 ```shell [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 ```shell 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目錄下建立如下文件: ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151721536-492996355.png) 使用nginx反向代理訪問後端服務,由於容器內部通訊,因此需要使用容器的ip,也就是127.0.0.1。在/home/el-admin/nginx/conf.d建立一個eladmin.conf的配置檔案。檔案內容如下: ```shell 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容器 ```shell [root@localhost nginx]# docker start nginx ``` ### 4 啟動java容器 ```shell 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表可以看到新增了兩條資料。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151741807-1541019559.png) 到這裡,整個專案就部署完成了。 ## 5.上傳到阿里雲 阿里雲上建立映象倉庫 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151829220-1760750679.png) 然後操作指南里操作就行了。上傳成功後,可在該倉庫下的`映象版本`中檢視是否上傳成功。 ![](https://img2020.cnblogs.com/blog/1459011/202102/1459011-20210206151807223-2131526760.png) 參考文章: el-admin部署文件:https://el-admin.vip/guide/xm