页面的动静分离

动静分离概念:


访问静态()和动态页面(tomcat)分开静态页面,由nginx提供服务,静态页面由tomcat提供服务。
实现动态和静态页面负载均衡。

实验需求:

1台nginx代理

        192.168.10.10              四层代理

2台nginx 提供静态页面

        192.168.10.20                     七层代理

        192.168.10.30                     七层代理

3台tomcat 提供静态页面

        192.168.10.40

        192.168.10.50

页面的动静分离_第1张图片

开始配置

nginx代理         192.168.10.10              四层代理

vim /usr/local/nginx/conf/nginx.conf
在全局变量中写
stream {
 upstream liu {
        server 192.168.10.20:80 weight=1;
        server 192.168.10.30:80 weight=1;
        }
        server {
        listen 80;
        proxy_pass liu;
}


}

修改http中server 的监听端口

2、重启nginx服务
systemctl restart nginx

nginx 提供静态页面

192.168.10.20                     七层代理

192.168.10.30                     七层代理

1、配置nginx的静态·页面
vim /usr/local/nginx/html/index.html
.......
static nginx---1
.......


2、配置动态页面:将访问的动态页面转发到处理动态页面的tomcat服务器
vim /usr/local/nginx/conf/nginx.conf
在http下
.......

upstream liu1 {
    server 192.168.10.40:8080 weight=1;
    server 192.168.10.50:8080 weight=1;
}
.......

保留原始location,在其下
location ~* \.jsp$ {
        proxy_pass http://liu1;
        proxy_set_header HOST $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        #在nginx作为代理服务器时,会把所有经过机器的ip以及代理地址ip记录下来
        }

.......

3、重启nginx
systemctl restart nginx


tomcat 提供静态页面

        192.168.10.40

        192.168.10.50

1、创建动态页面
mkdir /usr/local/tomcat/webapps/test
vim vim /usr/local/tomcat/webapps/test/index.jsp
........

tomcat ----1

........

2、配置访问动态页面路径
vim /usr/local/tomcat/conf/server.xml
........

删掉148 149 164 删掉的是系统默认的访问路径


        


/usr/local/tomcat/webapps/test 指定访问路径
........


3、重启tomcat服务
cd /usr/local/tomcat/bin
./shutdown.sh 关闭
./startup.sh  开启



最终实现结果

客户端可以通过访问代理服务器192.168.10.10,可以访问通过nginx的服务器20或30的静态页面,如果访问的是动态页面20或30 会转发给tomcat的服务器 40和50

静态页面

页面的动静分离_第2张图片

页面的动静分离_第3张图片

动态页面

页面的动静分离_第4张图片

页面的动静分离_第5张图片

你可能感兴趣的:(前端,运维,tomcat,nginx,架构)