什么是动静分离

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

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

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

动静分离结构

服务器

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

建立JSP动态页面

<%@ page language="java" contentType="text/html; charset=GB18030"

    pageEncoding="GB18030"%>

<HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB18030">

<title>Nginx动静分离测试</title>

</head>

    <body>

        <h1>您正在访问：192.168.32.229</h1>

        <img src="/testweb/img/girl.jpg"  alt="美女" />

    </body>

</html>

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

　浏览器输入网址：http://192.168.32.229:8080/testweb/index.jsp

　在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.32.229:8080 weight=1;

                     server 192.168.32.230:8080 weight=1;

                    }

            server{

                    listen 8080;

                    server_name 192.168.32.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.32.228:8080/testweb/index.jsp

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

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

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

小结

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

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

出处：https://blog.csdn.net/zsj777/article/details/80241558

Nginx + Tomcat动静分离 （转）的更多相关文章

  1. nginx+tomcat动静分离结构

    本文采用另一种策略对动静分离进行演示,它的大致结构如图 2 所示. 图 2. 本文设计的动静分离结构 在本文中,我们将静态资源放在 A 主机的一个目录上,将动态程序放在 B 主机上,同时在 A 上安装 ...

  2. nginx tomcat 动静分离

    所谓动静分离就是通过nginx(或apache等)来处理用户端请求的图片.html等静态的文件,tomcat(或weblogic)处理jsp.do等动态文件</span>,从而达到动静页面 ...

  3. Nginx + Tomcat 动静分离实现负载均衡（转）

    0.前期准备 使用Debian环境.安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等. 1.一份Nginx.conf配置文件 # 定义Nginx运行的用户 和 用户组 如果对 ...

  4. Nginx + Tomcat 动静分离实现负载均衡

    0.前期准备 使用Debian环境.安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等. 1.一份Nginx.conf配置文件 # 定义Nginx运行的用户 和 用户组 如果对 ...

  5. 企业实战Nginx+Tomcat动静分离架构的技术分享

    Nginx动静分离简单来说就是把动态跟静态请求分开,不能理解成只是单纯的把动态页面和静态页面物理分离.严格意义上说应该是动态请求跟静态请求分开,可以理解成使用Nginx处理静态页面,Tomcat.Re ...

  6. 基于前后端分离的Nginx+Tomcat动静分离

    1.什么是动静分离 "动"与"静" 在弄清动静分离之前,我们要先明白什么是动,什么是静. 在Web开发中,通常来说,动态资源其实就是指那些后台资源,而静态资源就 ...

  7. 【转载】Nginx+Tomcat 动静分离实现负载均衡

    0.前期准备 使用Debian环境.安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等. 1.一份Nginx.conf配置文件 1 # 定义Nginx运行的用户 和 用户组 如 ...

  8. 负载均衡 | Nginx+Tomcat 动静分离实现负载均衡

    0.前期准备 使用Debian环境.安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等. 1.一份Nginx.conf配置文件 基本配置这个文件,就可以实现负载了.但是里面的各 ...

  9. Nginx+Tomcat动静分离

    需求:nginx处理用户请求的静态页面,tomcat处理用户请求jsp页面,来实现动态分离,nginx处理静态页面效率远高于tomcat,这样一来就能更好的提高并发,处理性能. 准备软件: 下载jdk ...

随机推荐

  1. VUE里面的$(this)

    我们很多时候需要用到列表点击其中的某个有相对的事件发生,那就拿用到$(this),但是在vue里面,直接写$(this)获取不到指定的元素,所以我就用的下面这种写法 <div v-for=&qu ...

  2. PyQt5 & Qt Designer使用小结

    开始在知乎写文章的原因,主要还是想整理平时的经验,方便自己以后查看,有机会的话大家也可以交流吧. 11月中旬由于项目需要,和另一名实习生负责使用Python开发一个数据分析的小软件. 虽然才开始接触Q ...

  3. Sonar页面Author页面展示

    文主要记录通过Jenkins集成git .svn .sonarqube,获取源码后自动构建进行sonar scanner代码审查,并分析在sonar能够展示Author的原因. 一.Sonar通过je ...

  4. spring-boot 中实现标准 redis 分布式锁

    一,前言 redis 现在已经成为系统缓存的必备组件,针对缓存读取更新操作,通常我们希望当缓存过期之后能够只有一个请求去更新缓存,其它请求依然使用旧的数据.这就需要用到锁,因为应用服务多数以集群方式部 ...

  5. maven-profile多环境配置

    http://www.cnblogs.com/hwaggLee/p/4579462.html 具体项目激活配置环境 pom.xml文件中激活 <activation> <active ...

  6. async/await 真不是你想象中那么简单

    先上代码 公共代码 function getData(data, time) { return new Promise(function (resolve, reject) { setTimeout( ...

  7. JavaWeb之上传与下载

    文件上传概述: 1,文件上传对页面的要求: 必须使用表单,而不能是超链接 表单的method必须是post 表单的enctype必须是multipart/form-data 在表单中添加file表单字 ...

  8. How does ASP.NET Forms Authentication really work?

    I've always wondered how exactly ASP.NET forms authentication works. Yes, I know how to configure Fo ...

  9. pom文件中的dependencyManagement和dependencies的区别

    dependencies 子项目中,自动继承父项目中的相关依赖 dependencyManagement 只是声明依赖,并不实现引入,因此子项目中需要显示的声明需要用的依赖.如果不在子项目中声明依赖, ...

  10. RF-创建一个自定义关键字库

    仓库自定义库 这里以Selenium2Library库进行举例说明: 编写一个自定义仓库类(与库文件夹名一致),继承关键字类,指定范围和版本即可. 需要声明__init__. import os fr ...