什么是动静分离

为了提高网站的响应速度,减轻程序服务器(Tomcat,Jboss等)的负载,对于静态资源比如图片,js,css等文件,我们可以在反向代理服务器中进行缓存,这样浏览器在请求一个静态资源时,代理服务器就可以直接处理,而不用将请求转发给后端服务器。用户请求的动态文件比如servlet,jsp则转发给Tomcat,Jboss服务器处理,这就是动静分离。这也是反向代理服务器的一个重要的作用。

本文的动静分离主要是通过nginx+tomcat来实现,其中nginx处理图片、html、JS、CSS等静态文件,tomcat处理jsp、servlet等动态请求。

基础知识了解完后,咱们来具体实践一下动静分离的感觉。负载均衡在这篇博客就不在介绍了,但是同样会配置出来,实现动静分离和负载均衡的效果。

拓扑环境

服务器名称 系统版本 预装软件 IP地址
Nginx服务器 CentOS 7 最小安装 Nginx 192.168.22.228
Web服务器A CentOS 7 最小安装 tomcat+jdk 192.168.22.229
Web服务器B CentOS 7 最小安装 tomcat+jdk 192.168.22.230


Nginx服务器做负载均衡和动静分离,服务器A,B做集群。


前置条件

Nginx安装:http://blog.csdn.net/u010028869/article/details/50444801 
Tomcat安装配置:http://blog.csdn.net/u010028869/article/details/50379304 
负载均衡实现:http://blog.csdn.net/u010028869/article/details/50485245


建立JSP动态页面

<%@ page language="java" contentType="text/html; charset=GB18030"
   pageEncoding="GB18030"%>Nginx动静分离测试
   
       

您正在访问:192.168.22.229


       
   123456789101112123456789101112

Jsp放到drp目录中,添加一个图片标签,加载Tomcat根目录下 webapps/drp/img/girl.jpg图片文件。启动Tomcat测试是否能够访问。

浏览器输入网址:http://192.168.22.229:8080/drp/index.jsp


nginx+tomcat 实现动静分离、负载均衡_第1张图片


在228服务器上同样建立上述文件和目录,不在叙述。


对Nginx进行配置

通过配置location,对访问的请求进行拦截,①②都需要配置。

① 全部的请求均转发给Tomcat进行处理

location / {
   proxy_next_upstream http_502 http_504 error timeout invalid_header;
   proxy_pass http://mycluster;    # 真实的客户端IP
   proxy_set_header   X-Real-IP        $remote_addr;
   # 请求头中Host信息
   proxy_set_header   Host             $host;
   # 代理路由信息,此处取IP有安全隐患
   proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;    # 真实的用户访问协议
   proxy_set_header   X-Forwarded-Proto $scheme;
}

② 个别的请求比如:html,js,css等静态资源请求,由Nginx进行处理

#静态文件交给nginx处理location ~ .*\.(htm|html|gif|jpg|jpeg|png|bmp|swf|ioc|rar|zip|txt|flv|mid|doc|ppt|pdf|xls|mp3|wma)${
   root /usr/local/webapps;
   expires 30d;
}#静态文件交给nginx处理location ~ .*\.(js|css)?${
   root /usr/local/webapps;
   expires 1h;
}


root /usr/local/webapps; 这段代码的意思是指定Nginx访问的目录,即静态资源所在的目录。

expires 30d; 指定这些资源文件在客户端浏览器的缓存时间。30d指的是30天,1h指的是1小时。


完整的Nginx配置文件

    user nobody;

   worker_processes 2;

   events{
           worker_connections 1024;
   }

   http{    #设置默认类型为二进制流
           default_type    application/octet-stream;

           server_names_hash_bucket_size   128;            #指定来自客户端请求头的headerbuffer大小,设置为32KB
           client_header_buffer_size   32k;            #指定客户端请求中较大的消息头的缓存最大数量和大小,这里是4个32KB
           large_client_header_buffers 4 32k;            #上传文件大小
           client_max_body_size 356m;            #nginx的HttpLog模块指定,指定nginx日志的输出格式,输出格式为access
           log_format access '$remote_addr - $remote_user [$time_local] "$request" '
                   '$status $body_bytes_sent "$http_referer" '
                   '"$http_user_agent" "$http_x_forwarded_for"';            #access日志存在未知
           access_log  /var/log/nginx/access.log   access;            #开启高效模式文件传输模式,将tcp_nopush和tcp_nodelay两个指另设置为on,用于防止网络阻塞。
           sendfile    on;
           tcp_nopush  on;
           tcp_nodelay on;            #设置客户端连接保持活动的超时时间
           keepalive_timeout   65;
           server_tokens   off;            #客户端请求主体读取缓存
           client_body_buffer_size 512k;
           proxy_connect_timeout   5;
           proxy_send_timeout      60;
           proxy_read_timeout      5;
           proxy_buffer_size       16k;
           proxy_buffers           4 64k;
           proxy_busy_buffers_size 128k;
           proxy_temp_file_write_size 128k;            #开启gzip
           gzip    on;            #允许压缩的最小字节数
           gzip_min_length 1k;            #4个单位为16k的内存作为压缩结果流缓存
           gzip_buffers 4 16k;            #设置识别HTTP协议版本,默认是1.1
           gzip_http_version 1.1;            #gzip压缩比,可在1~9中设置,1压缩比最小,速度最快,9压缩比最大,速度最慢,消耗CPU
           gzip_comp_level 2;            #压缩的类型
           gzip_types text/plain application/x-javascript text/css application/xml;            #让前端的缓存服务器混村经过的gzip压缩的页面
           gzip_vary   on;

           upstream mycluster{
                    server 192.168.22.229:8080 weight=1;
                    server 192.168.22.230:8080 weight=1;
                   }

           server{
                   listen 8088;
                   server_name 192.168.22.228;
                   charset    utf-8; #设置编码为utf-8;

           #location / {
           #    root   html;
           #    index  index.html index.htm;
           #}

           #location ~ .*\.(jsp|do|action)$
           location / {
                   proxy_next_upstream http_502 http_504 error timeout invalid_header;
                   proxy_pass http://mycluster;                    # 真实的客户端IP
                   proxy_set_header   X-Real-IP        $remote_addr;
                   # 请求头中Host信息
                   proxy_set_header   Host             $host;
                   # 代理路由信息,此处取IP有安全隐患
                   proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;                    # 真实的用户访问协议
                   proxy_set_header   X-Forwarded-Proto $scheme;
           }            #静态文件交给nginx处理
           location ~ .*\.(htm|html|gif|jpg|jpeg|png|bmp|swf|ioc|rar|zip|txt|flv|mid|doc|ppt|pdf|xls|mp3|wma)$
           {
                   root  /usr/local/webapps;
                   expires 30d;
           }            #静态文件交给nginx处理
           location ~ .*\.(js|css)?$
           {
                   root /usr/local/webapps;
                   expires 1h;
           }
           error_page   500 502 503 504  /50x.html;  

           location = /50x.html {
               root   html;
           }

       }
   }

测试Nginx动静分离

根据上述配置文件,完成动静分离和负载均衡的配置,然后启动Nginx。 
访问网址:http://192.168.22.228:8088/drp/index.jsp


nginx+tomcat 实现动静分离、负载均衡_第2张图片
可以看到图片没有加载出来。这是因为静态资源访问请求已经被Nginx拦截,由Nginx进行处理。但是Nginx服务器的 /usr/local/webapps  目录下并没有图片资源,所以图片没有加载出来。index.jsp页面能够显示,说明动态的请求已经转发到了Tomcat,Tomcat对index.jsp进行了解析。

在Nginx服务器 /usr/local/webapps 目录下放置图片文件,将tomcat上drp整个目录拷贝到其中。


nginx+tomcat 实现动静分离、负载均衡_第3张图片


然后再次刷新浏览器,图片能够正常显示。


nginx+tomcat 实现动静分离、负载均衡_第4张图片



小结

从上述的实例可以看到已经初步实现了Nginx动静分离的功能,在配置动静分离后,用户请求你定义的静态资源,默认会去nginx的发布目录请求,而不会到后端请求,这样可以提高网站响应速度,减轻真实Web服务器的负载压力。

不过在开发环境下,为了便于开发,咱们的静态资源和代码还是放在一起的,等开发测试完成,才会将完成的完整程序部署到生成环境上,然而程序代码和静态资源是分别放置到不同的服务器上的。