Nginx 动静分离概述

Nginx 动静分离是什么
Nginx 动静分离配置

Nginx 动静分离是什么

Nginx 动静分离，指的是静态资源请求由 Nginx 处理，动态资源请求由 php-fpm 处理或 tomcat 处理，tomcat 服务本身是用来处理 JSP 代码的，同时 tomcat 也能处理静态资源，但 tomcat 本身处理静态效率不高，还会带来资源开销，动静分离的架构中让 tomcat 只处理JSP代码。

在应用服务器上， Nginx 根据客户端请求 URI 判断请求的是否为静态资源，如果请求的 URI 包含了 JPG、PNG 等字段，则直接由应用服务器处理（部署 Nginx）；如果请求的 URI 包含了 .php、.jsp 等字段，则由后端处理动态请求的应用服务器处理（部署 Tomcat）。

Nginx 动静分离配置

将动态请求和静态请求分配到不同的服务器，如获取数据库信息的请求分配到动态请求服务器，获取静态资源图片的请求分配到静态请求服务器，使用 Nginx 负载均衡代理实现动静分离，模拟环境如下：

服务器主机名	作用	服务	IP
lb01	负载均衡	nginx proxy	10.0.0.5
web01	处理静态资源请求，并代理后端服务器	nginx static & proxy	10.0.0.7
web02	处理动态资源请求	tomcat server	10.0.0.8

暂时忽略负载均衡服务器配置，应用服务器（部署 Nginx）配置如下：

# 应用服务器 Nginx 配置文件
[root@web01 ~]# cat /etc/nginx/conf.d/dynamic_static.conf 
upstream dynamic {
	server 172.16.1.8:8080;
        #server 172.16.1.9:8080;
}
server {
	listen 80;
	server_name test.com;
	root /code;
	index index.html;

	location ~* .(jpg|png|gif)$ {
		root /code/static/images/;
	}
        location ~ .jsp {
                proxy_pass http://dynamic;
        }
}

# 静态资源目录
[root@web01 ~]# tree /code/
/code/
├── index.html
└── static
    └── images
        └── 1.jpg

# 前端代码，使用 Ajax 获取 .jsp 文件
[root@web01 ~]# cat /code/index.html 
<html lang="en">
<head>
        <meta charset="UTF-8" />
        <title>AJAX 实现动静分离</title>
        <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
        $.ajax({
        type: "GET",
        url: "http://test.com/random.jsp",
        success: function(data){
                $("#get_data").html(data)
        },
        error: function() {
                alert("动静分离没有实现！");
        }
        });
});
</script>
        <body>
                <h1>动静分离测试</h1>
                <img src="http://test.com/1.jpg">
                <div id="get_data"></div>
        </body>
</html>

[root@web01 ~]# nginx -s reload

应用服务器（部署 Tomcat）配置如下：

# 动态资源服务器，需要安装 tomcat
[root@web02 ~]# yum -y install tomcat

# 在 webapps 下创建一个 ROOT 目录，存放 .jsp 文件
[root@web02 ~]# mkdir -p /usr/share/tomcat/webapps/ROOT

# 编辑一个生成随机数的 .jsp 文件
[root@web02 ROOT]# cat random.jsp 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
    <HEAD>
        <TITLE>zzzwqh JSP Page</TITLE>
    </HEAD>
    <BODY>
        <%
            Random rand = new Random();
            out.println("<h1>Random:<h1>");
            out.println(rand.nextInt(99)+100);
        %>
    </BODY>
</HTML>

[root@web02 ~]# systemctl start tomcat