Nginx + Tomcat实现请求动态数据和请求静态资源的分离详解
前言
上篇博客说明了Nginx在应用架构中的作用，以及负载均衡的思路。这篇实践一下其中的访问静态资源与访问动态资源的操作。
一、认识访问静态资源与访问动态资源的区别
静态资源：指存储在硬盘内的数据，固定的数据，不需要计算的数据。
如：图片、字体、js文件、css文件等等。在用户访问静态资源时，服务器会直接将这些资源返回到用户的计算机内。
动态资源：指需要服务器根据用户的操作所返回的数据，以及存储在数据库的数据，经过一系列逻辑计算后返回的数据。
如：请求明天的天气信息数据、请求查看账户余额。
二、请求动态数据与请求静态资源的分离的必要性
Tomcat应用服务器是用来处理Servlet容器和JSP的，虽然它也可以处理HTML等等一系列静态资源，但是效率不如Nginx；而且对Servlet容器和JSP的运算已经有很大压力了，如果不分离会导致大量的性能浪费。说到底，在应用服务方面，要遵循一条原则——一个服务只做一件事。要做动态请求就专做动态请求，要做静态请求就专做静态请求，这样才能提高性能。
我们要做的，就是当用户访问静态资源时，让Nginx将静态资源返回给用户；当用户访问动态资源时，将访问转到Tomcat应用服务器上，Tomcat将数据返回给Nginx，Nginx再返回给用户。
三、Nginx配置方法
在这里，对于Nginx的配置文件内的各项参数说明不多讲解，如需了解Nginx配置文件移步这里。
不知道配置文件位置的，一条指令：
sudofind/-namenginx.conf
要善于利用Linux指令，这样就会无法自拔的爱上Linux；
先来一个全部配置：
#userwwwwww;
userrootroot;
worker_processes2;#设置值和CPU核心数一致
error_log/home/zuoyu/ServerComputer/nginx/logs/nginx_error.logcrit;#日志位置和日志级别
pid/home/zuoyu/ServerComputer/nginx/nginx.pid;
worker_rlimit_nofile65535;
events{
#使用epoll模型提高性能
useepoll;
#单个进程最大连接数
worker_connections65535;
}
http{
#扩展名与文件类型映射表
includemime.types;
#默认类型
default_typeapplication/octet-stream;
log_formatmain'$remote_addr-$remote_user[$time_local]"$request"'
'$status$body_bytes_sent"$http_referer"'
'"$http_user_agent""$http_x_forwarded_for"';
client_header_buffer_size32k;
large_client_header_buffers432k;
client_max_body_size8m;
types_hash_max_size2048;
types_hash_bucket_size128;
sendfileon;
tcp_nopushon;
keepalive_timeout60;
tcp_nodelayon;
fastcgi_connect_timeout300;
fastcgi_send_timeout300;
fastcgi_read_timeout300;
fastcgi_buffer_size64k;
fastcgi_buffers464k;
fastcgi_busy_buffers_size128k;
fastcgi_temp_file_write_size128k;
#解压缩传输
gzipon;
gzip_min_length1k;
gzip_buffers416k;
gzip_http_version1.0;
gzip_comp_level2;
gzip_typestext/plainapplication/x-javascripttext/cssapplication/xml;
gzip_varyon;
#负载均衡组
#静态服务器组
upstreamstatic.zuoyu.com{
serverlocalhost:81;
}
#动态服务器组
upstreamdynamic.zuoyu.com{
serverlocalhost:8080;
#serverlocalhost:8081;
#serverlocalhost:8082;
#serverlocalhost:8083;
}
#配置代理参数
proxy_redirectoff;
proxy_set_headerHOST$host;
proxy_set_headerX-Real-IP$remote_addr;
proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for;
#client_max_body_size10m;
client_body_buffer_size128k;
proxy_connect_timeout90;
proxy_send_timeout90;
proxy_read_timeout90;
proxy_buffer_size16k;
proxy_buffers432k;
proxy_busy_buffers_size64k;
proxy_temp_file_write_size64k;
#缓存配置
proxy_cache_key'$host:$server_port$request_uri';
#proxy_temp_file_write_size64k;
proxy_temp_path/home/zuoyu/ServerComputer/nginx/proxy_temp_path;
proxy_cache_path/home/zuoyu/ServerComputer/nginx/proxy_cache_pathlevels=1:2keys_zone=cache_one:200minactive=5dmax_size=1g;
proxy_ignore_headersX-Accel-ExpiresExpiresCache-ControlSet-Cookie;
#静态资源主机
server{
listen81;
server_namelocalhost_0;
charsetutf8;
location/{
root/home/zuoyu/Public/NginxStaticSource/static;
}
}
#下面是server虚拟主机的配置
server{
listen80;#监听端口
server_namelocalhost_1;#域名
charsetutf8;
location/{
#root/usr/share/nginx/html;
proxy_passhttp://dynamic.zuoyu.com;
indexindex.htmlindex.jsp;
}
location~.*\.(jsp|do|action)$
{
indexindex.jsp;
proxy_passhttp://dynamic.zuoyu.com;
}
location~.*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
{
#缓存30天
expires30d;
proxy_passhttp://static.zuoyu.com;
proxy_cachecache_one;
proxy_cache_valid2003043025d;
proxy_cache_validany5d;
proxy_cache_key'$host:$server_port$request_uri';
add_headerX-Cache'$upstream_cache_statusfrom$host';
}
location~.*\.(ttf|woff|woff2)$
{
#缓存30天
expires30d;
proxy_passhttp://static.zuoyu.com;
proxy_cachecache_one;
proxy_cache_valid2003043025d;
proxy_cache_validany5d;
proxy_cache_key'$host:$server_port$request_uri';
add_headerX-Cache'$upstream_cache_statusfrom$host';
}
location~.*\.(js|css)$
{
#缓存7天
expires7d;
proxy_passhttp://static.zuoyu.com;
proxy_cachecache_one;
proxy_cache_valid2003043025d;
proxy_cache_validany5d;
proxy_cache_key'$host:$server_port$request_uri';
add_headerX-Cache'$upstream_cache_statusfrom$host';
}
#其他页面反向代理到tomcat容器
location~.*${
indexindex.jspindex.html;
proxy_passhttp://dynamic.zuoyu.com;
}
access_logoff;
error_page500502503504/50x.html;
location=/50x.html{
root/usr/share/nginx/html;
}
}
}
在这段配置文件中，不仅仅包含了静动态访问的分离，还包括缓存、资源压缩、负载均衡。在这里只分析静动态资源：
静态资源配置
以访问图片为例子：
location~.*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
{
root/home/zuoyu/Public/NginxStaticSource/static;
}
当你访问虚拟主机location:80时，当访问到以上述文件类型时，会去root/home/zuoyu/Public/NginxStaticSource/static/目录下查找，比如你要访问root/home/zuoyu/Public/NginxStaticSource/static/img/background.png这个图片，那么你只需要location:80/img/background.png即可访问到该文件；
在我的配置中，又建立了一个主机，专门用来配置静态资源路径，这样就避免了换一次静态资源的目录要改好多个地方，只需修改主机路径就可以实现。便可以将上述图片配置修改为
location~.*\.(gif|jpg|jpeg|png|bmp|swf|ico|svg)$
{
proxy_passhttp://localhost:81;
}
这样便大大提高了灵活性，而且在负载均衡时更加容易实现。注意：必须将静态资源主机配置放在核心主机的上面才有效。
动态数据配置
我们就以访问JSP页面、do请求、action请求为例子
location~.*\.(jsp|do|action)$
{
indexindex.jsp;
proxy_passhttp://localhost:8080;
}
这个配置告诉了Nginx服务器：当有以jsp、do、action为后缀的请求，就将该请求交给localhost:8080;这个主机处理，这个主机的主页是index.jsp，这个就叫反向代理。这里设计到一个概念——代理与反向代理；代理通常需要在客户端配置，将本来要发送的请求转发到代理服务器；而反向代理要配置在服务器上，将本来要发送到本服务器上的请求转发到代理服务器上。
将所有需要Tomcat应用服务器处理的请求都交给Tomcat，剩下的让Nginx处理就好了，如果需要其他服务器的，再配置上就ok了。
如此一来，就实现了动静分离。当用户的浏览器加载页面时，那些css文件、js文件、字体样式、图片等等都会由Nginx服务器直接从本地硬盘取出返回给用户浏览器；而用户名等等信息会由nginx交给Tomcat处理后返回给Nginx，Nginx返回到用户浏览器。
怕什么真理无穷，进一寸有进一寸的欢喜。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持。