码迷,mamicode.com
首页 > 其他好文 > 详细

Nginx 动静分离概述

时间:2020-06-01 23:54:14      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:alert   ups   分配   动态   取数   ref   gif   获取   erro   

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 10.0.0.7
web02 动态资源 tomcat server 10.0.0.8

负载均衡服务器配置:

# 负载均衡服务器 nginx 配置文件,根据请求的 URI 区分动态请求和静态请求
[root@lb01 ~]# 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 文件
[root@lb01 ~]# 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>

[root@lb01 ~]# nginx -s reload 

静态资源服务器配置:

# 静态资源服务器 nginx 配置文件
[root@web01 ~]# 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/;
	}
}

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

[root@web01 ~]# nginx -s reload 

动态资源服务器配置:

# 动态资源服务器,需要安装 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 动静分离概述

标签:alert   ups   分配   动态   取数   ref   gif   获取   erro   

原文地址:https://www.cnblogs.com/zzzwqh/p/13028089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!