小型的前后端分离系统如何使用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
  1. 使用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
  1. 使用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     // 开机启动
  1. 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
  1. -v /home/mydocker/dmoe/log:/app/log ：挂载日志目录，
    将容器内微服务产生的日志保存到挂载的宿主机指定目录。</br>
    能够挂载容器内日志文件的前提也是spring boot yml 配置文件配置日志输入到指定目录。
logging:
  level:
    root: INFO
  file: log/logfile.log
  1. -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   //重启容器

完成。

最后感谢参考的以下几篇博客

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 214,444评论 6赞 496
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 91,421评论 3赞 389
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 160,036评论 0赞 349
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,363评论 1赞 288
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,460评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,502评论 1赞 292
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,511评论 3赞 412
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,280评论 0赞 270
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,736评论 1赞 307
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2赞 328
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1赞 342
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,848评论 5赞 338
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,531评论 3赞 322
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2赞 365
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2赞 352