前后端分离部署

Docker下前后端分离部署

作者: yym439 时间: 2019-11-05

后端项目部署(Spring Boot)

数据库、Redis部署

参照mysql集群、Redis集群部署,修改Spring后端数据库连接、Redis配置信息

注:docker虚拟机禁止跨网段(虚拟ip)访问,所以后端项目部署时,–net要分配为host(宿主机ip);宿主机可以访问所有的虚拟ip

后端项目集群

#创建j1数据卷
docker volume create j1

#运行java容器,部署并运行JAR文件
docker run -it -d --name j1 -v j1:/home/soft --net=host java

#进入容器,运行jar文件(后台运行)
nohup java -jar renren_fast.jar > log.txt 2>&1 &

#运行时修改端口号
java -jar  renren_fast.jar --server.port=8081

#重复上面步骤,创建多个java容器,服务器端口号不同(j2 j3)

运行成功,访问http://192.168.66.129:8080/renren-fast/swagger/index.html#/

后端负载均衡

Nginx负载均衡java后端服务项目(http协议),haproxy负载均衡mysql(tcp协议)。

安装nginx

docker pull nginx

nginx配置文件内容


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;
	
	proxy_redirect          off;
	proxy_set_header        Host $host;
	proxy_set_header        X-Real-IP $remote_addr;
	proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
	client_max_body_size    10m;
	client_body_buffer_size   128k;
	proxy_connect_timeout   5s;
	proxy_send_timeout      5s;
	proxy_read_timeout      5s;
	proxy_buffer_size        4k;
	proxy_buffers           4 32k;
	proxy_busy_buffers_size  64k;
	proxy_temp_file_write_size 64k;
	#配置负载均衡
	upstream tomcat {
		server 192.168.66.129:8080;
		server 192.168.66.129:8081;
		server 192.168.66.129:8082;
	}
    #配置服务器转发的端口
	server {
        listen       80;
        server_name  192.168.66.129; 
        location / {  
            proxy_pass   http://tomcat;
            index  index.html index.htm;  
        }  

    }
}

启动nginx容器

#数据映射外部配置文件,实现docker启动加载外部配置文件

docker run -it -d --name n1 -v /home/n1/nginx.conf:/etc/nginx/nginx.conf --net=host --privileged nginx

注: 文件映射不能使用数据卷,数据卷只能是目录映射

nginx启动成功,访问:http://192.168.66.129/renren-fast/swagger/index.html

Nginx双机热备

启动两个Nginx容器(端口不一样),使用keepAlived争抢虚拟ip,实现双机热备。

Nginx双机热备

keepalived安装

参照https://yangym.xyz/2019/10/29/Mysql%E9%9B%86%E7%BE%A4/

keepalived配置文件


vrrp_instance VI_1 {
    state MASTER
    #宿主机网卡
    interface ens33
    virtual_router_id 51
    priority 100
    advert_int 1
    authentication {
        auth_type PASS
        auth_pass 123456
    }
    #设置争抢的虚拟ip
    virtual_ipaddress {
        192.168.66.151
    }
}
#开放90端口,分发到n1服务器
virtual_server 192.168.66.151 90 {
    delay_loop 3
    lb_algo rr
    lb_kind NAT
    persistence_timeout 50
    protocol TCP
    #n1 服务器ip和端口
    real_server 192.168.66.129 80 {
        weight 1
    }
}

启动keepalived

#容器内启动keepalived: 
service keedalived start

前端项目部署(Vue)

nodejs编译打包Vue项目

#设置淘宝npm镜像源
http://npm.taobao.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org

#安装依赖
cnpm install

#打包运行(打包完成存放在dist目录)
cnpm run build

Nginx部署前端项目

nginx配置文件

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;
	
	proxy_redirect          off;
	proxy_set_header        Host $host;
	proxy_set_header        X-Real-IP $remote_addr;
	proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
	client_max_body_size    10m;
	client_body_buffer_size   128k;
	proxy_connect_timeout   5s;
	proxy_send_timeout      5s;
	proxy_read_timeout      5s;
	proxy_buffer_size        4k;
	proxy_buffers           4 32k;
	proxy_busy_buffers_size  64k;
	proxy_temp_file_write_size 64k;
	#开发81端口,部署前端项目
	server {
		listen 81;
		server_name  192.168.66.129;
		location  /  {
			root  /home/fn1/renren-vue;
			index  index.html;
		}
	}
}

创建并运行Nginx容器(当作HTTP服务器)

docker run -it -d --name fn1 -v /home/fn1/nginx.conf:/etc/nginx/nginx.conf -v /home/fn1/renren-vue/:/home/fn1/renren-vue/ --privileged --net=host nginx

前端集群并实现双机热备方案

前端集群双机热备方案