Nginx（7）动静分离

已于 2022-07-20 10:00:32 修改
阅读量147 收藏 1
点赞数
分类专栏： Nginx 文章标签： nginx 服务器 运维
于 2022-06-24 20:52:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AHui_CSDN/article/details/125446130
版权

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负载均衡nginxproxy
Centos7.5静态资源nginxstatic
Centos7.5动态资源tomcatserver

web01配置静态资源

[root@web01 ~]# cd /etc/nginx/conf.d/
[root@web01 conf.d]# cat ds_ahui.conf 
server {
        listen 80;
        server_name pic.lzy.com;
        root /code;
        index index.html;

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

#配置一个主页
[root@web01 conf.d]# echo "lzy_test_web01" > /code/index.html

#创建图片目录
[root@web01 conf.d]# mkdir /code/images/

#上传一个静态文件
[root@web01 conf.d]# cd /code/images/
[root@web01 images]# rz test.jpg

[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.lzy.com/

在这里插入图片描述

打开浏览器访问：http://pic.lzy.com/test.jpg
在这里插入图片描述

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.lzy.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.lzy.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.lzy.com/java_test.jsp",
        success: function(data){
                $("#get_data").html(data)
        },
        error: function() {
                alert("哎呦喂,失败了,回去检查你服务去~");
        }
        });
});
</script>
        <body>
                <h1>测试动静分离</h1>
                <img src="http://pic.lzy.com/cjk.gif">
                <div id="get_data"></div>
        </body>
</html>

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

在这里插入图片描述

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

[root@b13k ROOT]# cat index.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);
        %>
            <h2>静态图片</h2>
            <img src="nginx.png" />
    </BODY>
</HTML>

Nginx资源分离场景实践

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

根据Iphone、安卓、pc跳转不通的页面环境规划

系统版本主机角色外网IP内网IP提供端口
CentOS7.5负载均衡10.0.0.5172.16.1.580
CentOS7.5提供Android页面172.16.1.79090
CentOS7.5提供Iphone页面172.16.1.79091
CentOS7.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.lzy.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.lzy.com;
        if ($http_user_agent ~* "Android|Iphone") {
                rewrite ^/$ http://sj.lzy.com redirect;
        }       
}
AHui_CSDN
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nginx动静分离
LS19990712的博客
11-15 157
需求： 根据企业需要，将配置Nginx实现动静分离,对php页面的请求转发给L AMP处理，而静态页面交给Nginx处理， 以实现动静分离 配置步骤分为三步： 1.配置Nginx处理动态页面请求,在server{};中加入 2.在Apache工作目录新建test.php 3.重启Nginx并测试 架设并配置LAMP环境： yum install httpd httpd-devel ...
nginx实现动静分离实例讲解
09-29
**Nginx 实现动静分离**是现代Web服务器架构中常用的一种优化策略，旨在提高网站性能，减轻服务器压力。在本文中，我们将深入探讨如何通过Nginx配置实现这一目标。 首先，我们要理解什么是**动静分离**。动指的是...
中间件 | Nginx实现动静分离
weixin_30480583的博客
09-04 161
Nginx动静分离基本概述 动静分离，通过中间件将动静分离和静态请求进行分离； 通过中间件将动态请求和静态请求分离，可以建上不必要的请求消耗，同事能减少请求的延时。 通过中间件将动态请求和静态请求分离，逻辑图如下: 动静分离只有好处：动静分离后，即使动态服务不可用，但静态资源不会...
三台服务器实现动静分离访问+日志服务器
weixin_34095889的博客
01-28 142
一、架构说明当客户端访问Web服务器时，Web服务器根据客户端访问的资源进行判断，如果是静态的页面Web服务器就直接返回给给客户端，如果是动态的页面，Web服务器就请求PHP服务器进行解析，在解析过程有需要MySQL数据的PHP服务器就请求MySQL服务器，PHP服务器解析完后封装发送给Web服务器，Webt器在封装发送给客户端。三、架构规划(全为CentOS 7环境)说...
Nginx出现403错误，应该怎么解决
热门推荐
vivlol918的博客
08-13 1万+
Nginx在实际工作中扮演了多重角色，包括Web服务器、反向代理服务器、负载均衡器、静态资源服务器、缓存服务器以及SSL/TLS终结点等。其高性能、可靠性和灵活性使得Nginx成为现代应用架构中不可或缺的组件，帮助提供高效、安全且可扩展的服务。
解决nginx配置动静分离403 Forbidden问题
qq_45400440的博客
06-28 287
今天配置动静完成后访问界面报403 Forbidden错误 去看了下配置文件，发现没错误，应该就是权限问题， 所以我在nginx.conf文件头部加入 user root；解决！
Nginx动静分离基本概述
weixin_42959704的博客
01-12 456
Nginx动静分离基本概述 动静分离，通过中间将动静分离和静态请求进行分离； 通过中间件将动态请求和静态请求分离，可以建上不必要的请求消耗，同时能减少请求的延时。 通过中间件将动态请求和静态请求分离，逻辑图如下 : 动静分离只有好处：动静分离后，即使动态服务不可用，但静态资源不会受到影响。 Nginx动静分离场景实践 单台服务器实现动静分离: location / { root /code/wordpress; index.php; } location ~* \.(png|jpg|mp4
Nginx实现动静分离的示例代码
09-30
主要介绍了Nginx实现动静分离的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nginx动静分离URL转发实战.pptx
10-21
本文将深入探讨Nginx的动静分离与URL转发实战，以及如何通过配置Nginx实现更高效、更稳定的服务。 首先，我们要理解什么是动静分离。在Web应用中，静态资源（如CSS、JavaScript、图片等）通常不涉及服务器端的逻辑...
nginx动静分离.pdf
11-16
Nginx 实现动静分离 Nginx 动静分离是指在 Web 服务器架构中，将静态页面与动态页面或者静态内容接口和动态内容接口分开不同系统访问的架构设计方法，进而提升整个服务访问性能和可维护性。Tomcat 处理静态资源的...
nginx配置优化+负载均衡+动静分离详解
07-18
nginx配置优化+负载均衡+动静分离详解
nginx动静分离理解
dxyzhbb的博客
05-30 663
测试一：场景，一个nginx端口8088，两个tomcat（tomcat1端口8080，tomcat2端口8081），在同一台机器上。Tomcat1中static文件夹下放有一张826.png的图片。Tomcat2中没有放该图片。Nginx没有配置动静态分离。 在该场景下，当通过nginx统一的web请求入口访问图片时，会出现nginx转发请求到了tomcat1上就可以显示出826.png的图片，但是如果nginx转发请求到了tomcat2上这个图片就无法正常显示。 总结：考虑使用nginx动静态.
动静分离与跨域问题
healthdna14的博客
09-01 556
动静分离
动静分离
cmdd_的博客
09-07 740
文章目录1.概念2.web01配置动静分离3.web03配置动态资源4.lb01配置负载均衡5.检查配置文件并重启6.配置hosts访问7.多台机器做动静分离8.合并动静数据页面1）配置负载均衡nginx2）配置站点目录3）重启访问 1.概念 动静分离，通过中间件将动态请求和静态请求进行分离；可以减少不必要的请求消耗，同时能减少请求的延时。 通过中间件将动态请求和静态请求分离，逻辑图如下: 2.web01配置动静分离 #配置 [root@web01 /code]# vim /etc/nginx/conf.
Nginx实现动静分离
weixin_34080903的博客
03-15 121
参考地址：http://www.cnblogs.com/aubin/p/7787464.html Nginx的静态处理能力很强，但是动态处理能力不足，因此，在企业中常用动静分离技术。动静分离技术其实是采用代理的方式，在server{}段中加入带正则匹配的location来指定匹配项针对PHP的动静分离：静态页面交给Nginx处理，动态页面交给PHP-FPM模块或Apache处理。在Nginx的配置...
05网站服务及负载均衡
weixin_54898062的博客
06-28 199
文章目录1. 网站服务1. 基础知识1. 常见的网站服务软件2. Nginx 服务特点2. nginx 软件安装部署过程1. `yum` 方式进行安装2. 源码安装3. 查看官方版 `nginx` 的目录结构4. `nginx` 服务的企业应用2. 负载均衡反向代理1. 基础知识1. 什么是集群2. 什么是负载均衡3. 什么是反向代理2. 负载均衡部署1. 环境准备2. 部署负载均衡服务器3. 负载均衡的高级应用4. 实现网站的动态分离5. 根据用户访问的终端信息显示不同的页面 1. 网站服务 1. 基础知
Nginx动静分离配置
徐中祥的博客
06-10 247
Nginx动静分离 一、动静分离介绍 动静分离，通过中间件将动态请求和静态请求进行分离 通过中间件将动态请求和静态请求分离，可以减少不必要的请求消耗，同时能减少请求的延时。 通过中间件将动态请求和静态请求分离，逻辑图如下: 1.单台机器动静分离 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NaockIvC-1623251222252)(img/image-20201204141634031.png)] [root@web01 ~]# cat /etc/nginx/conf
nginx+apache动静分离/负载均衡
weixin_30341745的博客
11-05 268
【主从】 【Mysql-Master】 log-bin=mysql-bin server-id = 1 MariaDB [(none)]> grant replication slave on *.* to 'slave'@'192.168.2.158' identified by '123.com'; MariaDB [(none)]> flush pr...
centos php部署到nginx 404_Nginx动静分离实操
weixin_39625709的博客
11-30 191
Nginx的静态处理能力很强，但是动态处理能力不足，因此，在企业中常用动静分离技术。动静分离技术其实是采用代理的方式，在server{}段中加入带正则匹配的location来指定匹配项针对PHP的动静分离：静态页面交给Nginx处理，动态页面交给PHP-FPM模块或Apache处理。在Nginx的配置中，是通过location配置段配合正则匹配实现静态与动态页面的不同处理方式。一、项目简...
nginx的动静分离
最新发布
03-24
Nginx的动静分离是一种常用的服务器架构设计方法，它将动态请求和静态请求分别交给不同的服务器处理，以提高系统的性能和并发能力。具体来说，动态请求通常是指需要经过后端应用程序处理的请求，而静态请求则是指不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值