Nginx 动静分离 -02

最新推荐文章于 2024-05-29 11:37:33 发布
最新推荐文章于 2024-05-29 11:37:33 发布
阅读量138 收藏
点赞数
分类专栏： 集群架构 文章标签： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mm970919/article/details/115491420
版权

Nginx 动静分离 ---- --------切记 10.10.0.7

一、单台机器动静分离
[root@web01 ~]# cat /etc/nginx/conf.d/linux12.wp.com.conf 
server {
    listen 80;
    server_name linux12.wp.com;

    location / {
		root /mm/wordpress;
		index index.php;
    }

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

    location ~* \.php$ {
		fastcgi_pass 127.0.0.1:9000;
		fastcgi_param SCRIPT_FILENAME /mm/wordpress/$fastcgi_script_name;
		include fastcgi_params;
    }
}
2.多台机器的动静分离

在这里插入图片描述

1.准备环境
环境准备

 主机	     IP	        主机角色              服务              条件 

web01	10.0.0.7	  静态资源             nginxt               关闭防火墙和selinux
 
web02	10.0.0.8	  动态资源             nginx                关闭防火墙和selinux
  
lb01    10.10.0.5     负载均衡   		   comcat	            关闭防火墙和selinux
1、配置web01的静态资源
1.配置nginx
[root@web01 conf.d]# vi linux12.dj.com.conf
server {
    listen 80;
    server_name linux12.dj.com;

    location ~* \.(jpg|png|mp4|gif)$ {
        root /mm/picture;
    }
}
## 检查nginx -t
2.上传静态资源
 ## 创建目录 mkdir /mm/picture
[root@web01 ~]# mkdir /mm/picture

[root@web01 ~]# cd /mm/picture/
[root@web01 picture]# rz上传
total 116
-rw-r--r-- 1 root root 86756 Mar 27 18:02 5.png
-rw-r--r-- 1 root root 25836 Mar 27 18:22 7.png

### 授权
[root@web01 ~]# chown -R www.www /mm/

## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart nginx
3.测试静态资源并访问
1.本地配置hosts
    
    10.10.0.7 linux12.dj.com
    
2、访问静态资源
    http://linux12.dj.com/5.png
## 1.配置web02的动态资源
# 1.安装tomcat
[root@web02 ~]# yum install -y tomcat
2.配置动态资源
[root@web02 ~]# cd /usr/share/tomcat/webapps

[root@web02 webapps]# mkdir ROOT
[root@web02 webapps]# vi ROOT/java_test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
    <HEAD>
        <TITLE>测试动态的资源</TITLE>
    </HEAD>
    <BODY>
        <%
            Random rand = new Random();
            out.println("<h1>随机数:<h1>");
            out.println(rand.nextInt(99)+100);
        %>
    </BODY>
</HTML>

## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart tomcat
3.测试动态资源并访问
1、配置本地hosts
	10.10.0.8 linux12.dj.com
	
2、访问动态资源
	http://linux12.dj.com:8080/java_test.jsp
1、配置负载均衡
# 1.配置文件  --01
[root@lb01 ~]# vi /etc/nginx/conf.d/linux12.dj.com.conf 
upstream dt {
    server 10.10.0.8:8080;
    ### 可以配置多台  server 10.0.0.18:8080;
}

upstream jt {
    server 10.10.0.7;
    ### 可以配置多台  server 10.0.0.11;
}

server {
    listen 80;
    server_name linux12.dj.com;

    location / {
        root /mm/dj;
        index index.html;
    }

    location ~* \.(jpg|png|gif)$ {
        proxy_pass http://jt;
        include proxy_params;
    }

        proxy_pass http://dt;
        include proxy_params;
    }
}
# 1.配置文件  --02
[root@lb01 dj]# cat /etc/nginx/conf.d/linux12.dj.com.conf 
server {
    listen 80;
    server_name linux12.dj.com;

    location / {
        root /mm/dj;
        index index.html;
    }

    location ~* \.(jpg|png|gif)$ {
        proxy_pass http://10.10.0.7;
        include proxy_params;
    }

    location ~* \.(php|jsp)$ {
        proxy_pass http://10.10.0.8:8080;
        include proxy_params;
    }
}


## 检查nginx -t 并重启
[root@lb01 ~]# systemctl restart nginx
3.测试动静分离资源并访问
1、配置本地hosts
	10.10.0.5 linux12.dj.com
	
2、访问
	http://linux12.dj.com/java_test.jsp
	http://linux12.dj.com/5.png
4、整合静态资源和动态资源
1.1创建站点目录
[root@lb01 ~]# mkdir -p /mm/dj
1.2.编辑html文件
[root@lb01 ~]# vim /mm/dj/index.html
[root@lb01 dj]# cat index.html 
<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://linux12.dj.com/java_test.jsp",
        success: function(data){
                $("#get_data").html(data)
        },
        error: function() {
                alert("小姐姐,断网了,重新检查网络再来哦~");
        }
        });
});
</script>
        <body>
                <h1>测试动静分离---霉霉</h1>
                <img src="http://linux12.dj.com/5.png">
                <div id="get_data"></div>
        </body>
</html>
1.3.授权目录
[root@lb01 ~]# chown -R www.www /mm/
1.4. 访问域名测试
结论：静态资源出现问题不影响动态资源，动态资源出问题不影响静态资源
二、nginx资源分离 --------切记 10.10.0.8
1.准备环境
环境准备

 主机	     IP	                    主机角色                                  条件 
  
web01	10.10.0.7	             Android页面                           关闭防火墙和selinux
  
web02	10.10.0.8	             iPhone页面                            关闭防火墙和selinux
 
web03	172.16.1.9	             PC端页面                              关闭防火墙和selinux
  
lb01    10.10.0.5                负载均衡   		                   关闭防火墙和selinux
        172.16.1.5
2.配置web01服务器
# 1、配置nginx
[root@web01 ~]# vim /etc/nginx/conf.d/linux12.sj.com.conf
server {
    listen 80;
    server_name linux12.sj.com;
	charset utf8;

    location / {
        root /mm/android;
        index index.html;
    }
}

## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart nginx
2、创建站点目录
[root@web01 ~]# mkdir -p /mm/android
[root@web01 ~]# echo "我是android" >> /mm/android/index.html
[root@web01 ~]# chown -R www.www /mm/android/
3、访问测试
# 1.配置hosts
10.10.0.7 linux12.sj.com
3.配置web02服务器
1、配置nginx
[root@web02 ~]# vim /etc/nginx/conf.d/linux12.sj.com.conf
server {
    listen 80;
    server_name linux12.sj.com;
    charset utf8;

    location / {
        root /mm/iphone;
        index index.html;
    }
}

## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart nginx
2、创建站点文件
[root@web02 ~]# mkdir -p /mm/iphone
[root@web02 ~]# echo "我是Iphone" >> /mm/iphone/index.html
[root@web02 ~]# chown -R www.www /mm/iphone/
3、访问测试
# 1.配置hosts
10.10.0.8 linux12.sj.com
4.配置web03服务器
# 1、配置nginx
[root@web03 ~]# vim /etc/nginx/conf.d/linux12.sj.com.conf
server {
    listen 80;
    server_name linux12.sj.com;
    charset utf8;

    location / {
        root /mm/pc;
        index index.html;
    }
}

## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart nginx
2、创建站点文件
[root@web03 ~]# mkdir -p /mm/pc 
[root@web03 ~]# echo "我是pc端" >> /mm/pc/index.html
[root@web03 ~]# chown -R www.www /mm/
3、访问测试
# 1.配置hosts
10.10.0.9 linux12.sj.com
5.配置负载均衡
# 1.配置nginx  -01
[root@lb01 ~]# vim /etc/nginx/conf.d/linux12.sj.com.conf
upstream android {
    server 10.10.0.7;
}

upstream iphone {
    server 10.10.0.8;
}

upstream pc {
    server 10.10.0.9;
}

server {
    listen 80;
    server_name linux12.sj.com;

    location / {
        if ($http_user_agent ~* "Android") { #判断如果是安卓端
            proxy_pass http://android;		 #代理到android虚拟主机池
        }
        if ($http_user_agent ~* "iPhone") {	 #判断如果是苹果端
            proxy_pass http://iphone;		#代理到iphone虚拟主机池
        }
        if ($http_user_agent ~* "WOW64") {	#判断如果是IE浏览器
            return 403;					   #直接返回403
        }
        proxy_pass http://pc;				#如果没有匹配到以上内容，默认都代理到pc虚拟主机池
        include proxy_params;
    }
}

# 1.配置nginx  -02
[root@lb01 conf.d]# cat linux12.sj.com.conf 
server {
    listen 80;
    server_name linux12.sj.com;

    location / {
        if ($http_user_agent ~* "Android") { #判断如果是安卓端
            proxy_pass http://10.10.0.7;		 #代理到android虚拟主机池
        }
        if ($http_user_agent ~* "iPhone") {	 #判断如果是苹果端
            proxy_pass http://10.10.0.8;		#代理到iphone虚拟主机池
        }
        if ($http_user_agent ~* "WOW64") {	#判断如果是IE浏览器
            return 403;					   #直接返回403
        }
        proxy_pass http://10.10.0.9;				#如果没有匹配到以上内容，默认都代理到pc虚拟主机池
        include proxy_params;
    }
}


## 检查nginx -t 并重启
[root@web01 ~]# systemctl restart nginx
2、访问测试
# 1.配置hosts
10.10.0.5 linux12.sj.com

# 2.访问

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CY19Wm8R-1617788292492)(C:\Users\17155\Desktop\下载图片\1617721464626.png)]
FikL-09-19
关注
专栏目录
nginx实现动静分离--详细
五更天长的博客
08-18 231
为了加快网站解析速度，可以把动态页面和静态页面有不同的服务器来解析，加快解析速度。降低原来单个服务器的压力，在动静分离的Tomcat的时候比较明显，因为Tomcat解析静态很慢，其实这些原理的话都很好理解，简单来说，就是使用正则表达式匹配过滤，然后交给不同的服务器。比如静态页面交给nginx服务器，动态页面交给Tomcat。
使用nginx实现动静分离
一直在水些技术小文
09-12 820
动静分离是指在web服务器架构中，将静态页面与动态页面或者静态内容接口和动态内容接口分开不同系统访问的架构设计方法，进而提升整个服务访问性能和可维护性。
nginx 内置变量详解及隔离进行简单的拦截
09-30
主要介绍了nginx 隔离进行简单的拦截详解的相关资料,这里对nginx内置变量进行了简单的介绍并对隔离拦截进行了详解， 需要的朋友可以参考下
如何实现网站文件动静分离
weixin_34372728的博客
01-25 168
背景 传统动静不分离的产品架构，随着访问量在增长，性能会成为瓶颈。以一个常见的Web站点为例。www.acar.com是一个刚建立汽车资讯车友交流网站，主站用Php搭建，有10GB的图片素材，部分JS文件。目前购买一台ECS放置所有程序代码，并在ECS上安装MySQL数据库。随着用户访问量的不断增长，不少用户反映，访问网站的速度越来越慢，图片加载慢，网站响应慢，同时网站技术人员也发现用户上传的图片...
LAMP+haproxy+varnish实现网站访问的动静分离及静态资源缓存
weixin_34248705的博客
01-11 176
系统架构图：主机规划列表：全部的主机：CPU：Intel(R) Core(TM)i5-2410M CPU @ 2.30GHz内存：MemTotal: 502160 kB实验目标：LAMP节点提供用户动态请求访问，数据库单独有数据库节点提供；LAMP动态网站有两台服务器，提供负载均衡；静态网站服务器节点提供用户的静态资源请求访问；存在两台静态web服务器，...
9.动静分离和nginx集群搭建
T_xiao_tang的博客
06-23 113
动静分离是将网站静态资源（HTML，JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。 动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。 1.首先创建一个springboot工程在html中引入js和css 2.把项目打包再放入linux系统中 3.在linux上启动 首先在sbin下启动nginx 启动命令为 ...
nginx动静分离与资源分离
明日之星
05-07 114
nginx动静分离 [root@pingweb01 ~]# cd /mm/ [root@pingweb01 mm ]# cat mm.php <?php $arr=range(1,10); shuffle($arr); foreach($arr as $values) { echo $values." "; } ?> [root@pingweb01 ~]# cd /mm/ [root@web01 mm]# cat index.php <?php echo '<!DOCTYPE
nginx视频教程-nginx单机1W并发优化-反向代理实现nginx+apache动静分离
最新发布
07-10
15-反向代理实现nginx+apache动静分离.wmv 111.9MB 14-expires缓存提升网站负载.wmv 55.4MB 13-nginx gzip压缩提升网站速度.wmv 79.2MB 12-商城url重写实战.wmv 155.5MB 11-安装ecshop.wmv 53.0MB
nginx动静分离.pdf
11-16
Nginx 实现动静分离 Nginx 动静分离是指在 Web 服务器架构中，将静态页面与动态页面或者静态内容接口和动态内容接口分开不同系统访问的架构设计方法，进而提升整个服务访问性能和可维护性。Tomcat 处理静态资源的...
Nginx部署多个前端项目如何实现配置隔离？Nginx多项目部署
BaynotBar的博客
05-29 674
Nginx是一个功能十分强大的HTTP web服务器，其高性能、支持反向代理和负载均衡的特性使得其在Web项目中应用十分广泛。我们将前端项目打包部署在Nginx的Html（www）目录下，并需要在conf目录下的nginx.conf文件中写入相关配置（server、upstream等），此时如果部署了多个前端项目，一个文件中配置多个不同的server耦合度太高且维护较为繁琐，因此实现多项目环境下的配置隔离尤其重要。 本文介绍了Nginx部署多个前端项目如何实现配置隔离。
nginx实现静态资源代理、动静分离、代理服务（负载均衡）
热门推荐
分享传递价值
10-24 1万+
Nginx是什么？ 开源且高性能、可靠的HTTP中间件、代理服务。 类似于nginx的？ HTTPD-apache基金会、IIS-微软、GWS-Google 为什么使用nginx？ IO多路复用epoll 轻量级（功能模块少、代码模块化） CPU亲和：把CPU核心和nginx工作进程绑定的方式，把每个worker进程固定在一个cpu上执行，以获取最好的性能 ...
配置nginx动态静态访问资源分离
m0_68905025的博客
02-15 443
nginx上面如何配置动静态资源分别访问
使用nginx 隔离进行简单的拦截
freewebsys的专栏
12-04 1万+
1，nginx内置变量nginx 有很多内置变量可以进行简单的过滤。 $arg_name 请求行中的name参数。 $args 请求行中参数字符串。 $cookie_name 名为name的cookie。 与$uri相同。 $http_name 任意请求头的值；变量名的后半部为转化为小写并且用下划线替代横线后的请求头名称。 $host “Host”请求头的值，如果没有该请求头，则为与请求对应的虚拟主
通过Nginx解决网络隔离实践记录
YiYing's sharing
05-02 960
好记性不如烂笔头！
网站开发动静分离实践
DADADIE的专栏
02-29 6003
转自：http://blog.brucefeng.info/post/static-backend-asolate 于 2015 年 12 月 13 日 1627次阅读 1. 动静分离的实现思路 1.1 静态资源部署至CDN上1.2 后端API提供数据1.3 前后端域名 2. 动静分离的实现优缺点 2.1 优点2.2 缺点 3. 实现案例Reference
nginx正向代理配置，解决内外网隔离无法访问外网web地址问题
暖暖爸爸的博客
04-23 6368
前提： 内网电脑只能能够访问外网电脑的8086端口。 外网电脑能否访问外网地址。 nginx.conf配置文件示例如下： worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_ti...
Nginx常用屏蔽规则，让网站更安全
小z的专栏
09-17 4339
Nginx (engine x) 是一个高性能的HTTP和反向代理服务，目前很大一部分网站均使用了Nginx作为WEB服务器，Nginx虽然非常强大，但默认情况下并不能阻挡恶意访问，xiaoz整理了一份常用的Nginx屏蔽规则，希望对你有所帮助。 在开始之前，希望您已经熟悉Nginx常用命令（如停止、重启等操作）及排查nginx错误日志，以免出现问题不知所措。如无特殊注明，以下的命令均添加到...
Nginx动静分离与URL转发实践教程
"Nginx动静分离URL转发实战的讲解材料，通过PPT形式展示了如何利用Nginx实现静态资源和动态请求的分离，以及在实际操作中的应用案例。" 在Web服务器领域，Nginx以其高性能、高并发的特性被广泛应用。其中，"动静...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FikL-09-19

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值