Nginx 动静分离概述

极地雪狼 2020-06-01

目录

Nginx 动静分离是什么

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

在负载均衡服务器的服务器上, Nginx 根据客户端请求 URI 判断请求的是否为静态资源,如果请求的 URI 包含了 JPG、PNG 等字段,则由处理静态请求的服务器处理(部署 Nginx);如果请求的 URI 包含了 .php、.jsp 等字段,则由处理动态请求的服务器处理(部署 Tomcat)。

Nginx 动静分离概述

Nginx 动静分离配置

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

服务器主机名作用服务IP
lb01负载均衡nginx proxy10.0.0.5
web01静态资源nginx static10.0.0.7
web02动态资源tomcat server10.0.0.8

负载均衡服务器配置:

# 负载均衡服务器 nginx 配置文件,根据请求的 URI 区分动态请求和静态请求
[ ~]# vi /app/nginx/conf/conf.d/static_dynamic.conf 
upstream static {
        server 10.0.0.7;
}
upstream dynamic {
        server 10.0.0.8:8080;
}


server {
        listen 80;
        server_name all.com;

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

# 前端代码,使用 Ajax 获取 .jsp 文件
[ ~]# 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://all.com/random.jsp",
        success: function(data){
                $("#get_data").html(data)
        },
        error: function() {
                alert("动静分离没有实现!");
        }
        });
});
</script>
        <body>
                <h1>动静分离测试</h1>
                <img src="http://all.com/1.jpg">
                <div id="get_data"></div>
        </body>
</html>

[ ~]# nginx -s reload

静态资源服务器配置:

# 静态资源服务器 nginx 配置文件
[ ~]# cat /app/nginx/conf/conf.d/static.conf 
server {
	listen 80;
	server_name static.com;
	root /static;
	index index.html;

	location ~* \.(jpg|png|gif)$ {
		root /static/images/;
	}
}

# 静态资源目录
[ ~]# tree /static/
/static/
├── images
│?? └── 1.jpg
└── index.html

[ ~]# nginx -s reload

动态资源服务器配置:

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

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

# 编辑一个生成随机数的 .jsp 文件
[ 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>

[ ~]# systemctl start tomcat

Nginx 动静分离概述

相关推荐

lwplvx / 0评论 2020-11-22
岁月如歌 / 0评论 2020-07-21