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. 2.2 使用 JAXP 对XML文档进行SAX解析

    使用JAXP 对 XML文档进行 SAX解析: public class Demo1 { /** * 使用JAXP对XML文档进行SAX解析 * @throws Exception * @throws ...

  2. Spring Cloud（七）服务网关 Zuul Filter 使用

    上一篇文章中,讲了Zuul 转发,动态路由,负载均衡,等等一些Zuul 的特性,这个一篇文章,讲Zuul Filter 使用,关于网关的作用,这里就不再次赘述了,重点是zuul的Filter ,我们可 ...

  3. 【Distributed】限流技巧

    一.概述 1.1 高并发服务限流特技 1.2 为什么要互联网项目要限流 1.3 高并发限流解决方案 二.限流算法 2.1 计数器 2.2 滑动窗口计数 2.3 令牌桶算法 使用RateLimiter实 ...

  4. openstack 平台P2V迁移

    目录 [Openstack]P2V迁移 一.前言 二.前提准备 三.操作步骤 1.安装迁移中转机 2.配置中转机 3.创建存储池(可选) 4.制作virt-p2v的 U盘引导启动工具 5.操作物理机, ...

  5. Linux特殊权限及ACL权限

    一.SetUID与SGID 只能用于二进制程序,脚本不能设置 执行者需要有该二进制程序的x权限 执行具有SUID权限的二进制程序,那么执行者将具有该二进制程序所有者的权限. 举例来说,/etc/pas ...

  6. tigervnc-server安装

    #vncserver安装方法 #su - root rpm -ivh tigervnc-server-1.8.0-13.el7.x86_64.rpm cp /lib/systemd/system/vn ...

  7. Tomcat - Tomcat安装

    Tomcat官网:http://tomcat.apache.org/ 准备:JAVA环境布置完成 一.Windows平台 1. 版本选择 1) 进入官网 2) 查看版本匹配 官网说明 https:// ...

  8. git 账号密码

    由于git迁移服务地址,而导致无法登陆 首先  git config --system --unset credential.helper  然后执行 git config --global cred ...

  9. python+Appium自动化：TouchAction九宫格实战

    TouchAction Touch Action包含一系列操作,比如按压.长按.点击.移动.暂停. 使用TochAction需要先导入对应的模块 from appium.webdriver.commo ...

  10. C# 对象和类型（2） 持续更新

    类 class PhoneClass  { public const string DayOfSendingBill = "Monday"; public int Customer ...