Nginx 动静分离概述

Posted 拨云见日

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

以上是关于Nginx 动静分离概述的主要内容,如果未能解决你的问题,请参考以下文章

实现动静分离

中间件 | Nginx实现动静分离

5.3 Nginx 动静分离

Nginx动静分离详解

nginx动静分离+资源分离

nginx实现动静分离