Nginx动静分离基本概述

动静分离，通过中间件将动静分离和静态请求进行分离；

通过中间件将动态请求和静态请求分离，可以建上不必要的请求消耗，同事能减少请求的延时。

通过中间件将动态请求和静态请求分离，逻辑图如下:

动静分离只有好处：动静分离后，即使动态服务不可用，但静态资源不会受到影响。

Nginx动静分离场景实践

单台服务器实现动静分离

location / {
 root /code/wordpress;
 index.php;
}
location ~* \.(png|jpg|mp4|)${
 root /code/wordpress/images;
 gzip on;
 .....
}
location ~ \.php$ {
 fastcgi_pass 127.0.0.1:9000;
 .....
}

多台服务器实现动静分离



环境准备系统作用服务地址Centos7.5负载均衡nginx proxy10.0.0.5Centos7.5静态资源nginx static10.0.0.7Centos7.5动态资源tomcat server10.0.0.8

web01配置静态资源

[root@web01 ~]# cd /etc/nginx/conf.d/
[root@web01 conf.d]# cat ds_oldboy.conf 
server {
 listen 80;
 server_name pic.drz.com;
 root /code;
 index index.html;
 location ~* .*\.(jpg|png|gif)$ {
 root /code/images;
 }
}
#配置一个主页
[root@web01 conf.d]# echo "zls_test_web01" > /code/index.html
#创建图片目录
[root@web01 conf.d]# mkdir /code/images/
#上传一个静态文件
[root@web01 conf.d]# cd /code/images/
[root@web01 images]# rz cjk.gif
[root@web01 conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@web01 conf.d]# nginx -s reload

验证

打开浏览器访问：http://pic.drz.com/



打开浏览器访问：http://pic.drz.com/cjk.gif



web02配置动态资源

[root@web02 ~]# yum install -y tomcat
[root@web02 ~]# mkdir /usr/share/tomcat/webapps/ROOT
[root@web02 ~]# cat /usr/share/tomcat/webapps/ROOT/java_test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
 <HEAD>
 <TITLE>曾老湿JSP Page</TITLE>
 </HEAD>
 <BODY>
 <%
 Random rand = new Random();
 out.println("<h1>曾老湿随机数:<h1>");
 out.println(rand.nextInt(99)+100);
 %>
 </BODY>
</HTML>
[root@web02 webapps]# systemctl start tomcat

打开浏览器，访问：http://10.0.0.8:8080/java_test.jsp



负载均衡上调度

[root@lb01 conf.d]# cat proxy_ds.conf 
upstream static {
 server 172.16.1.7:80;
}
upstream java {
 server 172.16.1.8:8080;
}
server {
 listen 80;
 server_name pic.drz.com;
 location ~* \.(jpg|png|gif)$ {
 proxy_pass http://static;
 proxy_set_header Host $http_host;
 }
 location ~ \.jsp {
 proxy_pass http://java;
 proxy_set_header Host $http_host;
 }
}
[root@lb01 conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@lb01 conf.d]# nginx -s reload

2.5 配置本地hosts，通过负载访问动态与静态资源

动态资源 ↓



静态资源 ↓



网站主页 ↓



负载均衡上整合动态和静态的html文件

#编辑配置文件
[root@lb01 ~]# cat /etc/nginx/conf.d/proxy_ds.conf
upstream static {
 server 172.16.1.7:80;
}
upstream java {
 server 172.16.1.8:8080;
}
server {
 listen 80;
 server_name pic.drz.com;

 location / {
 root /code;
 index index.html;
 }

 location ~* \.(jpg|png|gif)$ {
 proxy_pass http://static;
 proxy_set_header Host $http_host;
 }
 location ~ \.jsp {
 proxy_pass http://java;
 proxy_set_header Host $http_host;
 }
}
[root@lb01 ~]# mkdir -p /code
#编辑整合后的index.html
[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://pic.drz.com/java_test.jsp",
 success: function(data){
 $("#get_data").html(data)
 },
 error: function() {
 alert("哎呦喂,失败了,回去检查你服务去~");
 }
 });
});
</script>
 <body>
 <h1>曾老湿带你测试动静分离</h1>
 <img src="http://pic.drz.com/cjk.gif">
 <div id="get_data"></div>
 </body>
</html>

浏览访问测试动静分离是否能成功



可以尝试关掉静态或者动态的服务，测试是否互不影响

Nginx资源分离场景实践

Nginx通过负载均衡实现手机与PC调度至不通的后端节点应用案例

根据Iphone、安卓、pc跳转不通的页面环境规划系统版本主机角色外网IP内网IP提供端口CentOS7.5负载均衡10.0.0.5172.16.1.580CentOS7.5提供Android页面172.16.1.79090CentOS7.5提供Iphone页面172.16.1.79091CentOS7.5提供pc页面172.16.1.79092

1.配置后端WEB节点的Nginx配置

[root@web01 conf.d]# vim sj.conf
server {
 listen 9090;
 location / {
 root /code/android;
 index index.html;
 }
}
server {
 listen 9091;
 location / {
 root /code/iphone;
 index index.html;
 }
}
server {
 listen 9092;
 location / {
 root /code/pc;
 index index.html;
 }
}

2.为后端WEB节点配置对应的网站目录及代码

[root@web01 conf.d]# mkdir /code/{android,iphone,pc}
[root@web01 conf.d]# echo "我是安卓" > /code/android/index.html
[root@web01 conf.d]# echo "我是iphone" > /code/iphone/index.html
[root@web01 conf.d]# echo "我是computer" > /code/pc/index.html

3.配置负载均衡服务，根据不同的浏览器调度到不同的资源地

[root@lb01 conf.d]# vim /etc/nginx/conf.d/proxy_sj.conf
upstream android {
 server 172.16.1.7:9090;
}
upstream iphone {
 server 172.16.1.7:9091;
}
upstream pc {
 server 172.16.1.7:9092;
}
server {
 listen 80;
 server_name sj.drz.com;
 charset 'utf-8';
 location / {
 #如果客户端来源是Android则跳转到Android的资源；
 if ($http_user_agent ~* "Android") {
 proxy_pass http://android;
 }
 #如果客户端来源是Iphone则跳转到Iphone的资源；
 if ($http_user_agent ~* "Iphone") {
 proxy_pass http://iphone;
 }
 #如果客户端是IE浏览器则返回403错误；
 if ($http_user_agent ~* "MSIE") {
 return 403;
 }
 #默认跳转pc资源；
 proxy_pass http://pc;
 }
}

4.使用浏览器访问，查看结果

PC端访问



浏览器模拟IPhone



浏览器模拟Android



实际线上的配置

server {
 listen 80;
 server_name www.drz.com;
 if ($http_user_agent ~* "Android|Iphone") {
 rewrite ^/$ https://sj.drz.com redirect;
 } 
}

中间件 | Nginx实现动静分离的更多相关文章

  1. nginx+tomcat动静分离结构

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

  2. Nginx+Apache动静分离

    Nginx的静态处理能力很强,但是动态处理能力不足,因此,在企业中常用动静分离技术.动静分离技术其实是采用代理的方式,在server{}段中加入带正则匹配的location来指定匹配项 针对PHP的动 ...

  3. 《nginx 五》nginx实现动静分离

    Nginx+Tomcat动静分离 动态页面与静态页面区别 静态资源: 当用户多次访问这个资源,资源的源代码永远不会改变的资源. 动态资源:当用户多次访问这个资源,资源的源代码可能会发送改变. 什么是动 ...

  4. 15 nginx反向代理实现nginx+apache动静分离

    一:nginx反向代理实现nginx+apache动静分离-------------概念--------------------------- nginx反向代理服务器+负载均衡 用nginx做反向代 ...

  5. apache+nginx 实现动静分离

    apache+nginx 实现动静分离 http://blog.csdn.net/xysoul/article/details/50347971

  6. nginx之动静分离（nginx与php不在同一台服务器）

    nginx实现动静分离(nginx与php不在同一个服务器) 使用wordpress-5.0.3-zh_CN.tar.gz做实验 Nginx服务器的配置: [root@app ~]# tar xf w ...

  7. 使用nginx实现动静分离的负载均衡集群

    一.概述: LB负载均衡集群分两类: LVS (四层)和 nginx或haproxy (七层) 客户端通过访问分发器的VIP来访问网站 |现在应用更复杂,比如现在网站页面有: .php .html . ...

  8. Nginx网络架构实战学习笔记（三）：nginx gzip压缩提升网站速度、expires缓存提升网站负载、反向代理实现nginx+apache动静分离、nginx实现负载均衡

    文章目录 nginx gzip压缩提升网站速度 expires缓存提升网站负载 反向代理实现nginx+apache动静分离 nginx实现负载均衡 nginx gzip压缩提升网站速度 网页内容的压 ...

  9. Nginx的动静分离

    Nginx的动静分离 在之前我们的负载均衡中,我们再jsp中设置了一个背景,这是一个静态资源,Tomcat处理静态资源的效率并没有Nginx高,我们可以通过动静分离将静态资源和动态资源分割开来,Tom ...

随机推荐

  1. ES6 map与filter

    ES6 map与filter 1.map let arr1 = [1,2,3]; let arr2 = arr1.map((value,key,arr) => { console.log(val ...

  2. linux之getopts

    在编写shell脚本中,经常要处理一些输入参数,在使用过程中发现getopts更加方便,能够很好的处理用户输入的参数和参数值. getopts用于处理用户输入参数,举例说明使用方法: while ge ...

  3. static{}静态代码块与{}普通代码块之间的区别

    先看一个例子: //class A package com.my.test; class A { static { System.out.println("A1:父类静态代码区域" ...

  4. RabbitMQ的特点与应用场景（二）

      1.RabbitMQ的主要特点 (1)可靠性:RabbitMQ可通过队列持久化,交换机持久化,消息持久化及ACK回应等机制保证可靠性 (2)支持多种语言与协议:RabbitMQ几乎支持所有的编程语 ...

  5. C# Winform TabControl 双击关闭TabPage

    在使用TabControl控件时,需要考虑自动创建的TabPage页实现——关闭功能 思路一:自定义TabControl控件,添加关闭按钮 思路二:TabControl控件TabPage显示ToolT ...

  6. Django模型层：单表操作，多表操作，常用（非常用）字段和参数，Django-model进阶

    一.web应用 二.模板的导入与继承 三.静态文件相关 四.inclusion_tag:返回html片段 五.模型层 一.web应用 -s包括两个部分:web服务器+application -目前阶段 ...

  7. Hadoop_26_MapReduce_Reduce端使用GroupingComparator求同一订单中最大金额的订单

    1. 自定义GroupingComparator 1.1.需求:有如下订单 现在需要求出每一个订单中成交金额最大的一笔交易 1.2.分析: 1.利用“订单id和成交金额”Bean作为key,可以将ma ...

  8. 洛谷P1462 通往奥格瑞玛的道路(SPFA+二分答案)

    题目背景 在艾泽拉斯大陆上有一位名叫歪嘴哦的神奇术士,他是部落的中坚力量 有一天他醒来后发现自己居然到了联盟的主城暴风城 在被众多联盟的士兵攻击后,他决定逃回自己的家乡奥格瑞玛 题目描述 在艾泽拉斯, ...

  9. [zhuanzai]Bean对象注入失败 .NoSuchBeanDefinitionException: No qualifying bean of type..

    nested exception is org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying b ...

  10. Java中的集合Collections工具类(六)

    操作集合的工具类Collections Java提供了一个操作Set.List和Map等集合的工具类:Collections,该工具类里提供了大量方法对集合元素进行排序.查询和修改等操作,还提供了将集 ...