小型的前后端分离系统如何使用docker部署？
docker 部署前后端分离的应用系统
基于一个小型的前后台分离的项目，使用docker进行部署。如下是使用nginx做反向代理和负载均衡的架构：
image.png
安装Docker
下面介绍在Linux中安装docker的两种方式，使用yum安装和rpm包安装。
- Linux：版本CentOS-7-x86_64-DVD-1804.iso，
- docker：docker-ce-18.06.0.ce-3.el7.x86_64
- 使用yum安装
yum makecache 使用yum 安装
yum install -y docker-ce-18.06.0.ce-3.el7.x86_64.rpm
systemctl enable --now docker
systemctl status docker
- 使用rpm包安装
rpm -ivh container-selinux-2.66-1.el7.noarch.rpm
rpm -ivh docker-ce-18.06.0.ce-3.el7.x86_64.rpm
3.docker 服务命令
systemctl status docker // docker状态
systemctl stop docker // 停止
systemctl start docker // 启动
systemctl restart docker // 重启
systemctl enable docker // 开机启动
- docker的常用命令
docker search openjdk //查找远程镜像仓库中的镜像
docker pull openjdk:8u131-jdk-alpine //从远程仓库中拉取镜像
docker images //列出本地镜像
docker rmi //删除镜像
docker ps //查看运行中的容器
docker ps -a //查看所有容器
docker start [container] //启动容器
docker stop [container] //停止容器
docker run [OPTIONS] IMAGE [COMMAND] [ARG...] //运行容器
docker save dexam:dexam01 -o dexam.tar //保存打好的镜像放本地
docker load -i dexam.tar //镜像仓库中加载镜像
实战 容器部署
安装MySQL
使用docker安装MySQL非常简单，以安装MySQL 5.7.31为例，以最简单的方式部署。
1、访问docker官方镜像仓库地址https://hub.docker.com/；搜索MySQL，进入找到OFFICAIAL IAMGE(官方镜像)标记的镜像。
点击Tag标签，通过标签查找对应版本的镜像，复制拉取镜像命名，执行等待下载完成。
docker pull mysql:5.7.31
查询本地镜像仓库是否在完成
2、创建容器
简易版,没有挂载目录，容器重启后数据丢失。
docker run -di --name docker_mysql -d -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 mysql:5.7.31
目录挂载版，这里挂载了MySQL运行容器内的三个目录，用于永久保存容器内的数据。
docker run --name docker_mysql -p 3306:3306 \
-v /home/mydocker/mysql/log:/var/log/mysql \
-v /home/mydocker/mysql/data:/var/lib/mysql \
-v /home/mydocker/mysql/conf:/etc/mysql \
-e MYSQL_ROOT_PASSWORD=123456 \
-d mysql:5.7.31
/var/log/mysql：mysql的运行日志。</br>
/var/lib/mysql：数据文件；</br>
/etc/mysql配置：文件.</br>
docker命令说明 </br>
--name docker_mysql 容器命名为docker_mysql </br>
-p 3306:3306 端口映射，宿主机端口端口3306对应docker中3306端口 </br>
-e MYSQL_ROOT_PASSWORD=123456 添加环境变量，mysql的root用户密码为123456 </br>
-d mysql:5.7.31 后台运行容器
docker ps | grep docker_mysql //查看容器中mysql运行
docker inspect docker_mysql //查看docker_mysql信息
docker exec -it docker_mysql sh //进入docker_mysql容器
部署spring boot 微服务
构建spring boot 微服务镜像
1、下载jdk基础镜像
docker pull openjdk:8u131-jdk-alpine
2、创建Dockerfile文件
FROM openjdk:8u131-jdk-alpine
RUN mkdir /app
RUN mkdir /app/log
ADD ./application-prod.yml /app
ADD ./dmoe-web-0.0.1-SNAPSHOT.jar /app
WORKDIR /app
ENTRYPOINT ["java","-jar","dmoe-web-0.0.1-SNAPSHOT.jar"]
CMD ["--spring.config.location=/app/application-prod.yml"]
说明
FROM：定制的镜像都是基于 FROM 的镜像
RUN：用于执行后面跟着的命令行命令
ADD：复制指令，从上下文目录中复制文件或者目录到容器里指定路径
WORKDIR：指定工作目录
ENTRYPOINT：类似于 CMD 指令，但其不会被 docker run 的命令行参数指定的指令所覆盖，
而且这些命令行参数会被当作参数送给 ENTRYPOINT 指令指定的程序。
这里搭配 CMD 命令使用：一般是变参才会使用 CMD ，这里的 CMD 等于是在给 ENTRYPOINT 传参。
3、构建镜像
打包好的jar与Dockerfile放在同一目录，执行构建命令
docker build -t dmoe:0.01 .
说明
dmoe:0.01 镜像名:标签 </br>
4、启动项目的微服务镜像
docker run -di --name dmoe001 -d -p 10083:10080 \
-v /home/mydocker/dmoe/conf:/app/conf \
-v /home/mydocker/dmoe/log:/app/log dmoe:0.01 \
--spring.config.location=/app/conf/application-prod.yml
- -v /home/mydocker/dmoe/log:/app/log ：挂载日志目录，
将容器内微服务产生的日志保存到挂载的宿主机指定目录。</br>
能够挂载容器内日志文件的前提也是spring boot yml 配置文件配置日志输入到指定目录。
logging:
level:
root: INFO
file: log/logfile.log
- -v /home/mydocker/dmoe/conf:/app/conf：挂载宿主机的目录。</br>
在实际生产环境，需要修改微服务的配置文件，把配置文件放到宿主机要挂载的目录，在启动命名
后面加上--spring.config.location=/app/conf/application-prod.yml命令即可。
安装nginx
使用docker安装nginx与上面的安装MySQL一样，从docker官方镜像
仓库找到OFFICAIAL IAMGE(官方镜像)标记的nginx镜像。执行复制的拉取镜像命令，等待下载完成。
安装
1、拉取nginx最新版本的镜像
pull nginx:latest
2、 运行容器
docker run -di --name docker_nginx -d -p 80:80 \
-v /home/mydocker/nginx/logs:/var/log/nginx \
-v /home/mydocker/nginx/conf:/etc/nginx/conf.d \
-v /home/mydocker/nginx/html:/usr/share/nginx/html \
-v /home/mydocker/nginx/nginx.conf:/etc/nginx/nginx.conf nginx
说明 </br>
宿主机三个目录分别对应nginx的目录位置 </br>
日志位置：/var/log/nginx/ </br>
配置文件位置：/etc/nginx/ </br>
项目位置：/usr/share/nginx/html </br>
配置
1、静态资源项目配置(default.conf),启动前在/home/mydocker/nginx/conf目录下放置
该配置文件。文件内容如下：
server {
listen 80;
listen [::]:80;
server_name 127.0.0.1;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location ~.(html|js|css|png|woff|ttf|ico) {
root /usr/share/nginx/html;
index index.html index.htm;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ {
# proxy_pass http://127.0.0.1;
#}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ {
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#}
# deny access to .htaccess files, if Apache's document root
# concurs with nginx's one
#
#location ~ /\.ht {
# deny all;
#}
}
2、微服务的负载均衡配置(server.conf),启动前在/home/mydocker/nginx/conf目录下放置
该配置文件。文件内容如下：
upstream myserver {
server 192.168.1.110:10083 weight=1;
server 192.168.1.110:10081 weight=1;
}
server {
listen 80;
listen [::]:80;
server_name 127.0.0.1;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location ~.(html|js|css|png|woff|ttf|ico) {
root /usr/share/nginx/html;
index index.html index.htm;
}
location / {
proxy_pass http://myserver;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ {
# proxy_pass http://127.0.0.1;
#}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ {
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#}
# deny access to .htaccess files, if Apache's document root
# concurs with nginx's one
#
#location ~ /\.ht {
# deny all;
#}
}
3、日志打印，打印路由转发地址、请求耗时。
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"'
' "$upstream_addr" ' ' ups_resp_time: $upstream_response_time'
' request_time: $request_time';
输出日志
192.168.1.1 - - [21/Sep/2020:10:04:25 +0000] "GET /api/user/getAllTreeNodeByRoleId HTTP/1.1"
500 1033 "http://192.168.1.110/dexamui/index.html"
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36"
"-"
"192.168.1.110:10083" ups_resp_time: 1.149
request_time: 1.150
高可用集群配置
nginx高可用集群配置，可以使用nginx+keepalived。
部署vue 前端工程
vue-cli工程打包后，将打包好的静态资源上传到
/home/mydocker/nginx/html（挂载的nginx静态资源目录）目录，重启nginx即可。
docker restart docker_nginx //重启容器
完成。
最后感谢参考的以下几篇博客
