docker Compose部署springboot+vue前端端分離
溫馨提示：如果有自己的服務器最好不過了，這樣部署網(wǎng)項目就可以上線了。沒有的話，只能使用localhost 本機訪問啦，記得替換 ngixn 中的ip地址、域名為localhost。
(一) 準備工作
一、安裝
1、安裝Docker并配置阿里云倉庫加速
① 環(huán)境查看，選擇對應的docker的安裝版本：
- docker 幫助文檔：https://docs.docker.com/get-started/overview/
# 先查看發(fā)行版 cat /etc/os-release # 若是redhat，查看系統(tǒng)信息: cat /etc/redhat-release # 若是debain，查看系統(tǒng)信息: cat /etc/debian_version
2、安裝Docker
選擇linux版本的docker安裝教程
# 1、卸載舊版本：
sudo yum remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
docker-latest-logrotate \
docker-logrotate \
docker-engine
# 2、使用倉庫安裝
# 需要的安裝包
sudo yum install -y yum-utils
# 官網(wǎng)提供的倉庫，下載速度太慢【默認是國外的，我們不要使用國外的，需要使用國內(nèi)的阿里云鏡像地址】
# 不用官網(wǎng)的倉庫，選擇阿里云的倉庫
sudo yum-config-manager \
--add-repo \
https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
# 更新yum 軟件包索引
yum makecache fast
# 3、安裝 Docker 引擎 docker-ce 社區(qū) docker-ee 企業(yè)版
yum install docker-ce docker-ce-cli containerd.io
# 4、啟動 Docker
systemctl start docker
# 檢查是否成功啟動
docker version
# 5、測試hello-world
docker run hello-world
# 查看下載的鏡像
docker images
# 6、了解卸載工作：
# 卸載 Docker 引擎（卸載依賴）
sudo yum remove docker-ce docker-ce-cli containerd.io
# 刪除所有映像、容器和卷（珊除資源） /var/lib/docker 是docker默認的工作路徑
sudo rm -rf /var/lib/docker
sudo rm -rf /var/lib/containerd
2-2、阿里云鏡像加速
登錄阿里云官網(wǎng)，點擊控制臺，找到產(chǎn)品與服務，搜容器鏡像服務
鏡像加速器：
配置使用：
sudo mkdir -p /etc/docker
sudo tee /etc/docker/daemon.json <<-'EOF'
{
"registry-mirrors": ["https://o10wzpax.mirror.aliyuncs.com"]
}
EOF
sudo systemctl daemon-reload
sudo systemctl restart docker
3、安裝DockerCompose
(1) 下載
# 官網(wǎng)提供的下載地址太慢了 # 使用daocloud提供的下載速度更快 curl -L https://get.daocloud.io/docker/compose/releases/download/1.29.1/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose
(2) 授權
sudo chmod +x /usr/local/bin/docker-compose
(3) 驗證是否安裝成功：
[root@iZwz9535z41cmgcpkm7i81Z bin]# docker-compose --version docker-compose version 1.29.1, build c34c88b2
二、修改生產(chǎn)環(huán)境下的配置以及打包操作：
前端、后端增加生產(chǎn)環(huán)境配置，然后修改：項目主機號、請求路徑以及將mysql和redis的主機號修改為docker compose的服務名
1、修改前后端配置文件的項目主機號
前端修改配置訪問后端路徑，后端改的就是跨域配置允許前端訪問的路徑
前端生產(chǎn)環(huán)境配置：
后端生產(chǎn)環(huán)境配置(跨域配置)：
2、修改前后端配置文件的項目請求路徑
后端項目暴露的端口是8888，編寫docker-compose.yaml時記得暴露
3、后端生產(chǎn)環(huán)境的配置把mysql和redis的主機號修改為docker compose的服務名
4、打包
(1) 前端打包命令：npm run build
打包生成了一個dist包
(2) 后端是多環(huán)境配置，打包記得把依賴一起打包：
記得配置激活的配置環(huán)境為 prod，如果忘記在springboot 配置中環(huán)境配置了，還可以在制作spirngboot鏡像的dockerfile 中指明 生產(chǎn)環(huán)境是prod
# springboot 中 application-prod.properties文件中配置 spring.profiles.active=prod
打包記得把依賴一起打包：
(二) 開始部署
# 創(chuàng)建 /mnt/docker/ 目錄 mkdir -p /mnt/docker/ cd /mnt/docker/
接下來：
① 編寫構建各個項目模塊的Dockerfile
② 編寫docker-compose.yaml
③ mysql、redis、nginx的配置
④ 啟動dockerCompose編排
⑤ 導入數(shù)據(jù)[數(shù)據(jù)庫表數(shù)據(jù)、前端靜態(tài)web資源]
⑥ 測試訪問，并排除錯誤
一、blog_api 制作鏡像
1、上傳打包生成的jar包，上傳到/mnt/docker/ 目錄，并修改jar包的包名為 blog_api.jar
2、編寫鏡像文件 api_dockerfile：
FROM java:8 MAINTAINER shan <test@qq2363581677@163.com> ADD ./blog_api.jar /api.jar CMD java -jar /api.jar --spring.profiles.active=prod
3、構建生成鏡像 api：
命令： docker build -f dockerfile路徑 -t 自定義鏡像名稱 .
# blog_api 生成鏡像 docker build -f ./api_dockerfile -t api .
二、dockerCompose編排
1、編寫 docker-compose.yaml
version: "3"
services:
mysql:
image: mysql:5.7
container_name: mysql
volumes:
- /mnt/docker/mysql/conf:/etc/mysql/conf
- /mnt/docker/mysql/logs:/logs
- /mnt/docker/mysql/data:/var/lib/mysql
environment:
MYSQL_ROOT_PASSWORD: admin
redis:
image: redis
container_name: redis
volumes:
- /mnt/docker/redis/data:/data
api:
image: api
container_name: api
expose:
- "8888"
depends_on:
- mysql
- redis
nginx:
image: nginx
container_name: nginx
ports:
- 80:80
- 443:443
volumes:
- /mnt/docker/nginx/:/etc/nginx/
- /mnt/shan/blog:/shan/blog
links:
- api
depends_on:
- api
2、dockercompose 進行編排
★ 前提：mysql、redis、nginx的配置文件配置好后才可以進行編排
# 切換到docker-compose.yaml目錄下，啟動容器 cd /mnt/docker/ docker-compose up docker-compose up -d #代表后臺啟動 docker-compose down #停止并刪除容器 docker-compose start #啟動已有容器 docker-compose stop #停止運行的容器
三、mysql、redis、nginx的配置：
1、mysql的配置：
① mysql 服務在docker-compose.yaml 中的編寫內(nèi)容為：
mysql:
volumes:
- /mnt/docker/mysql/conf:/etc/mysql/conf
② 掛載mysql的配置文件：
mkdir -p /mnt/docker/mysql/conf cd /mnt/docker/mysql/conf # 編寫my.cnf文件[vim my.cnf]
[mysqld] # # Remove leading # and set to the amount of RAM for the most important data # cache in MySQL. Start at 70% of total RAM for dedicated server, else 10%. # innodb_buffer_pool_size = 128M # # Remove leading # to turn on a very important data integrity option: logging # changes to the binary log between backups. # log_bin # # Remove leading # to set options mainly useful for reporting servers. # The server defaults are faster for transactions and fast SELECTs. # Adjust sizes as needed, experiment to find the optimal values. # join_buffer_size = 128M # sort_buffer_size = 2M # read_rnd_buffer_size = 2M datadir=/var/lib/mysql socket=/var/lib/mysql/mysql.sock character-set-server=utf8 # Disabling symbolic-links is recommended to prevent assorted security risks symbolic-links=0 lower_case_table_names=1 pid-file=/var/run/mysqld/mysqld.pid sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION
2、redis的配置：
① redis 服務在docker-compose.yaml 中的編寫內(nèi)容為：
redis:
volumes:
- /mnt/docker/redis/data:/data
由于沒有掛載配置文件，所有不用掛載redis的配置
3、nginx的配置：
① nginx 服務在docker-compose.yaml 中的編寫內(nèi)容為：
nginx:
volumes:
- /mnt/docker/nginx/:/etc/nginx/ #配置文件
- /mnt/shan/blog:/shan/blog # web資源
② 掛載nginx的配置文件：
mkdir -p /mnt/docker/nginx/ cd /mnt/docker/nginx/ # 編寫nginx 配置文件
nginx基本配置，編寫nginx.conf文件[vim nginx.conf]：
user nginx;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include /etc/nginx/mime.types;
default_type application/octet-stream;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /var/log/nginx/access.log main;
sendfile on;
#tcp_nopush on;
keepalive_timeout 65;
#gzip on;
include /etc/nginx/conf.d/*.conf;
}
nginx基本配置文件nginx.conf中include了一個mime.types配置文件：
上傳mime.types配置文件：
- mime.types配置文件: 在nginx安裝包的conf目錄下，下載一個nginx獲取，然后進行上傳
- mime.types的上傳目錄：結合dockercompose中數(shù)據(jù)卷的掛載點，推斷出 /mnt/docker/nginx/
cd /mnt/docker/nginx/ # 使用xftp工具上傳mime.types配置文件
注意：沒有自己的服務器，把下面 blog.conf配置 中的域名server_name 改為localhost，并且沒有ssl證書，記得把443(https 協(xié)議端口號) 的配置去掉，并把80（http協(xié)議端口號）rewrite 部分去掉。
nginx配置文件blog.conf 記得將配置文件的中文注釋去除再復制粘貼。
mkdir -p /mnt/docker/nginx/conf.d cd /mnt/docker/nginx/conf.d # 編寫blog.conf文件[vim blog.conf]
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 2;
gzip_vary off;
upstream apistream{
server api:8888;
}
server{
listen 80;
server_name blog.yilele.site;
rewrite ^(.*) https://blog.yilele.site/$1 permanent;
}
server {
listen 443 ssl;
server_name blog.yilele.site;
index index.html;
ssl_certificate /etc/nginx/ssl/blog.yilele.site.pem;
ssl_certificate_key /etc/nginx/ssl/blog.yilele.site.key;
ssl_session_timeout 5m;
location /api {#請求https://blog.yilele.site/api 會代理轉(zhuǎn)發(fā)到 api:8888
proxy_pass http://apistream;
}
location / {
root /shan/blog/;
index index.html;
}
location ~* \.(jpg|jpeg|gif|png|swf|rar|zip|css|js|map|svg|woff|ttf|txt)$ {
root /shan/blog/;
index index.html;
add_header Access-Control-Allow-Origin *;
}
}
③ 配置nginx的ssl證書
申請、下載和上傳服務器的ssl證書
- 下載ssl證書：要選擇nginx類型的下載
- 上傳nginx的ssl證書：要注意證書文件的名稱、證書格式和咱配置在nginx的配置文件保持一致
# nginx的配置文件：
server{
listen 80;
server_name blog.yilele.site; #域名
.....
}
# ssl的PEM 證書通常具有以下擴展: .pem、.crt、.cer 和.key
ssl_certificate /etc/nginx/ssl/blog.yilele.site.pem;#nginx的ssl公鑰，注意是pem后綴,可以根據(jù)阿里云ssl下載的格式填寫
ssl_certificate_key /etc/nginx/ssl/blog.yilele.site.key;#nginx的ssl私鑰
# 再根據(jù) docker-compose.yml 文件推出ssl證書上傳的目錄：
volumes:
- /mnt/docker/nginx/:/etc/nginx/
上傳ssl證書：
mkdir -p /mnt/docker/nginx/ssl cd /mnt/docker/nginx/ssl # 使用xftp工具上傳ssl證書(blog.yilele.site.pem、blog.yilele.site.key)
可以啟動dockercompose 進行編排啦~
四、導入數(shù)據(jù)[數(shù)據(jù)庫表的數(shù)據(jù)、前端靜態(tài)web資源]
1、導入數(shù)據(jù)庫表的數(shù)據(jù)
(1) 導入sql文件
① mysql的掛載信息：
volumes:
.....
- /mnt/docker/mysql/data:/var/lib/mysql
② 數(shù)據(jù)庫視圖工具navicat 把表導出sql文件：
③ 上傳sql文件（文件名：blog.sql）：
在數(shù)據(jù)庫中創(chuàng)建和 sql文件（blog.sql）對應的數(shù)據(jù)庫名blog
cd /mnt/docker/mysql/data # 使用 xftp 將 blog.sql 進行傳輸
(2) 執(zhí)行sql文件(創(chuàng)建blog 數(shù)據(jù)庫并導入數(shù)據(jù))
# 進入mysql容器: docker exec -it mysql bash # 切換到掛載目錄(blog.sql 所在目錄): cd /var/lib/mysql # 查看該目錄下所有文件: ls # 可以看到blog.sql也在該目錄下
接下來在docker中執(zhí)行該sql:
mysql -uroot -p # 輸入密碼 admin ，進入docker中的數(shù)據(jù)庫 # 創(chuàng)建數(shù)據(jù)庫 create database blog; # 退出回到容器 exit # 在/var/lib/mysql目錄下，將文件blog.sql導入數(shù)據(jù)庫 mysql -u root -p blog < blog.sql; # 輸入密碼 admin # 重新進入數(shù)據(jù)庫，切換數(shù)據(jù)庫 mysql -uroot -p # 輸入密碼 admin ，進入docker中的數(shù)據(jù)庫 use blog; # 執(zhí)行sql并保存數(shù)據(jù)庫 source blog.sql; # 執(zhí)行source命令可能會報錯，打不開blog.sql 文件，這個問題可以忽略。
將.sql文件導入數(shù)據(jù)庫命令：mysql -u 用戶名 -p 數(shù)據(jù)庫(blog) < 要導入的數(shù)據(jù)庫數(shù)據(jù)(blog.sql)
結果檢查
use blog; show tables; select * from ms_admin;
如果能查出來結果，那就說明我們的mysql導入sql文件成功了。
- 退出mysql數(shù)據(jù)庫：exit
- 退出mysql容器：exit
(3) 檢查mysql的配置
● 編排dockerCompose之后檢查docker中mysql的配置是否成功：
docker logs -f mysql
沒有看到報錯信息即成功(警告信息可以忽略)
2、導入前端靜態(tài)web資源
(1) nginx 前端web資源的配置：
volumes:
......
- /mnt/shan/blog:/shan/blog # web資源
# 在log目錄用于上傳前端的web資源(打包工具打包生成的html、css、js、圖片等) cd /mnt/shan/blog # 使用xftf 上傳web資源
(2) 手動壓縮前端dist包，上傳到 /mnt/shan/blog 目錄
- 手動壓縮：是為了提高傳輸速度
- 安裝解壓縮工具：
#獲取安裝列表 yum安裝列表中搜索zip/unzip是否存在 yum list|grep zip yum list|grep unzip #執(zhí)行安裝支持zip命令 yum install -y zip #執(zhí)行安裝支持unzip命令 yum install -y unzip
上傳web資源(dist 壓縮包)
# 使用xftf 上傳web資源 # 解壓 unzip dist.zip
可以測試排錯啦~
五、測試并排除錯誤：
(1) 測試：
api 模塊的測試：訪問 https://blog.yilele.site/
● 當我們覺得部署完全搞定的時候，就可以docker-compose up -d 后臺啟動，這樣的話關掉遠程連接也能運行了。
(2) 排查錯誤：
docker 常用命令：
# 容器命令 ● 查看運行的容器：docker ps ● 刪除容器：docker rm -f 容器id或容器名稱 ● 刪除所有容器：docker rm -f $(docker ps -aq) ● 創(chuàng)建、啟動并進入容器: docker run -it 容器id或容器名稱 bash ● 進入啟動過的容器: docker exec -it 容器id或容器名稱 bash ● 退出容器：【停止容器】exit 【非停止容器】ctr+p+q ● 啟動容器：docker start 容器id # 鏡像命令 ● 查看所有鏡像： docker images ● 刪除鏡像： docker rmi -f 鏡像id ● 刪除所有鏡像： docker rmi -f $(docker images -aq)
dockerCompose 常用命令：
# 切換到docker-compose.yaml目錄下，啟動容器 docker-compose up docker-compose up -d #代表后臺啟動 docker-compose down #停止并刪除容器 docker-compose start #啟動已有容器 docker-compose stop #停止運行的容器
查看日志進行排查錯誤：
# 查看后端項目的錯誤-日志（進入docker-compose的目錄下）： cd /mnt/docker/ docker-compose logs # 查看服務端ngix-日志： docker logs nginx
到此這篇關于docker Compose部署springboot+vue前端端分離的文章就介紹到這了,更多相關docker Compose部署springboot vue內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
淺析SpringBoot打包上傳到docker并實現(xiàn)多實例部署(IDEA版)
這篇文章主要介紹了SpringBoot打包上傳到docker并實現(xiàn)多實例部署(IDEA版)，本文通過圖文并茂實例詳解的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
docker環(huán)境下安裝jenkins容器的詳細教程
這篇文章主要介紹了docker環(huán)境下安裝jenkins容器的方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05
主機Nginx + Docker WordPress Mysql搭建的詳細步驟
這篇文章主要介紹了主機Nginx + Docker WordPress Mysql搭建的詳細步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了docker registry私服搭建的方法，docker官方的registry鏡像分為兩個版本，v2和v2以前的版本，本文將分別搭建基于SSL和登錄認證的以上兩個版本的docker私服2018-05-05
這篇文章主要介紹了docker修改容器網(wǎng)絡的相關資料,并詳細解釋了每種模式的工作原理和使用場景,還提供了如何更改Docker網(wǎng)絡模式以實現(xiàn)容器直接連接到主機網(wǎng)絡的解決方案,需要的朋友可以參考下2025-03-03
Docker?Compose?是?Docker?官方編排（Orchestration）項目之一，負責快速在集群中部署分布式應用，這篇文章主要介紹了Docker之compose介紹,需要的朋友可以參考下2023-02-02
本文主要介紹了Docker Portainer 可視化面板的使用，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Docker 中快速構建 Redis Cluster 集群的詳細過程
Redis Cluster 集群模式提供了數(shù)據(jù)分區(qū)和高可用性,通過分布式方式存儲和管理數(shù)據(jù),實現(xiàn)更高的擴展性,本指南將演示如何使用 Docker 快速構建一個包含 3 個節(jié)點的 Redis Cluster 集群,感興趣的朋友一起看看2024-05-05
docker中nginx的location轉(zhuǎn)發(fā)不生效的解決
這篇文章主要介紹了docker中nginx的location轉(zhuǎn)發(fā)不生效的解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
在docker中部署tomcat并且部署java應用程序的步驟詳解
本文給大家介紹如何在docker中部署tomcat及如何部署我們的應用程序到docker容器的tomcat里，本文介紹的非常詳細，具有參考借鑒價值，一起看看吧2016-10-10