docker部署 springboot 多模組專案+vue
阿新 • • 發佈:2021-02-06
之前學習了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}
```
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