10.Nginx实现动静分离和资源分离

已于 2024-06-03 16:25:20 修改
阅读量284 收藏 2
点赞数 9
分类专栏： Linux架构 文章标签： nginx 运维
于 2024-06-03 15:26:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63834691/article/details/139415992
版权

Nginx动静分离和资源分离

Nginx实现动静分离

​ 动静分离，通过中间件将动静分离和静态请求进行分离； 通过中间件将动态请求和静态请求分离，可以建上不必要的请求消耗，同事能减少请求的延时。 通过中间件将动态请求和静态请求分离，逻辑图如下:

在这里插入图片描述

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

部署静态网页

#编写配置文件
[root@web02 code]# vim /etc/nginx/conf.d/4.conf
server{
        listen 80;
        server_name pic.xxx.com;
        root /code;
        index index.html;

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

#创建站点目录
[root@web02 code]# mkdir /code/images

#准备索引文件
[root@web02 code]# echo '这里是前端页面' > /code/index.html
[root@web02 code]# cat /code/index.html
这里是前端页面

#检查
[root@web02 code]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

#写入本地DNS域名解析
10.0.0.8 pic.xxx.com

在这里插入图片描述

#设置格式utf-8
[root@web02 code]# vim /etc/nginx/conf.d/4.conf
server{
        listen 80;
        server_name pic.xxx.com;
        root /code;
        index index.html;
        charset utf-8;
        location ~*.*\.(jpg|png|git)$ {
                root /code/images;
        }
}

在这里插入图片描述

#准备一个图片

# 将图片移动只站点目录
mv 1.png /code/images/
# 浏览器访问
http://pic.xxx.com/1.png

在这里插入图片描述

部署动态网页

tomcat ------ jdk
java的容器
java代码比喻是水
tomcat就是java的水的容器
C语言 GCC
jdk java的环境
# 安装java环境 openjdk
[root@web02 code]# yum install -y tomcat

# 启动tomcat
[root@web02 ~]# systemctl start tomcat

# 检查端口
[root@web02 ~]# netstat -lntup | grep 8080

# tomcat的站点目录
/usr/share/tomcat/webapps

# 部署后端代码 需要在站点目录地下创建一个名为ROOT的目录
# 将代码放入ROOT目录下
mkdir /usr/share/tomcat/webapps/ROOT

# 将代码放入站点目录下
[root@web02 images]# vim  /usr/share/tomcat/webapps/ROOT/test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
    <HEAD>
        <TITLE>带你测智商 Page</TITLE>
    </HEAD>
    <BODY>
        <%
            Random rand = new Random();
            out.println("<h1>你的智商:<h1>");
            out.println(rand.nextInt(99)+100);
        %>
    </BODY>
 </HTML>

# 重启tomcat
systemctl restart tomcat

# 浏览器访问
10.0.0.8:8080/test.jsp

在这里插入图片描述

在代理上面整合资源

# 安装nginx
yum install -y nginx

# 整合资源配置文件
[root@lb01 ~]# vim /etc/nginx/conf.d/zh.conf
upstream static {
        server 172.16.1.8:80;
}
upstream java {
        server 172.16.1.8:8080;
}
server {
        listen 80;
        server_name pic.xxx.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 ~]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
# 本地DNS解析
10.0.0.5 pic.xxx.com
#
pic.xxx.com/1.png
http://pic.xxx.com/test.jsp

整合资源

upstream static {
	server 172.16.1.7:80;
}
upstream java {
	server 172.16.1.8:8080;
}

server {
    listen 80;
    server_name pic.xxx.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;
    }
}

在这里插入图片描述

mkdir -p /code
vim /code/index.html
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>跨域访问</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.xxx.com/test.jsp",
    success: function(data){
    	$("#get_data").html(data)
    },
    error: function() {
    	alert("哎呦喂,失败了,回去检查你服务去~");
    }
    });
});
</script>
    <body>
        <h1>曾老湿带你测试动静分离</h1>
        <img src="http://pic.xxx.com/1.png">
        <div id="get_data"></div>
    </body>
</html>

Nginx实现资源分离

要用三台web和一个代理

web端配置

#web01
[root@web01 conf.d]# vim pc.conf
server{
        listen 80;
        server_name pc.com;
        root /code/pc;
        charset utf-8;
        index index.html;
}
#创建站点目录和编译文本文件
[root@web01 conf.d]# mkdir -p /code/pc
[root@web01 conf.d]# echo '我是PC' > /code/pc/index.html
#检查成功并重启
[root@web01 conf.d]# nginx -t
[root@web01 conf.d]# systemctl restart nginx
#写入本地DNS域名解析



#web02
[root@web02 conf.d]# vim ios.conf 
server{
        listen 80;
        server_name ios.com;
        root /code/ios;
        charset utf-8;
        index index.html;
}
#创建站点目录和编译文本文件
[root@web02 conf.d]# mkdir -p /code/ios
[root@web02 conf.d]# echo '我是ios' > /code/ios/index.html
#检查成功并重启
[root@web02 conf.d]# nginx -t
[root@web02 conf.d]# systemctl restart nginx
#写入本地DNS域名解析



#web03
[root@lb01 conf.d]# vim az.conf 
server{
        listen 80;
        server_name az.com;
        root /code/az;
        charset utf-8;
        index index.html;
}
#创建站点目录和编译文本文件
[root@web03 conf.d]# mkdir -p /code/az
[root@web03 conf.d]# echo '我是安卓' > /code/az/index.html
#检查成功并重启
[root@web03 conf.d]# nginx -t
[root@web03 conf.d]# systemctl restart nginx
#写入本地DNS域名解析

在这里插入图片描述

配置代理

#lb02
[root@lb02 ~]# vim /etc/nginx/conf.d/jq.conf
upstream pc{
        server 172.16.1.7:80;
}

upstream andriod{
        server 172.16.1.5:80;
}

upstream ios{
        server 172.16.1.8:80;
}

server{
        listen 80;
        server_name jq.com;

        location /{
                if ($http_user_agent ~* "Android") {
                        proxy_pass http://andriod;
                }
                if ($http_user_agent ~* "Iphone") {
                        proxy_pass http://ios;
                }
                       proxy_pass http://pc;
        }
}

#检查成功并重启
[root@lb02 ~]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@lb02 ~]# systemctl restart nginx
#写入本地DNS域名解析

在这里插入图片描述

翻斗居委会会长
关注
  • 9
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nginx代理静态资源找不到问题处理
littlekard的博客
05-09 9682
我的错误配置是： 服务器文件根地址： 想通过浏览器输入这个地址访问到图片： 但是会发现文件找不到会一直404，原因是根路径配置错误，来看下root路径原理： root 配置的意思是，会在root配置的目录后跟上URL，组成对应的文件路径。 意思就是我们在浏览器输入的这个地址实际访问的是 /home/ftpuser/images/images/~~~ 会把我们的location后面的 /images拼到实际访问的路径之后 处理方法有两种任选其一： 1、处理方法是把root后面的.
Nginx实现动静分离
Lzcsfg的博客
06-18 1722
为了加快网站的解析速度，可以把动态页面和静态页面由不同的服务器来解析，加快解析速度。在动静分离的tomcat的时候比较明显，因为tomcat解析静态很慢，其实这些原理的话都很好理解，简单来说，就是使用正则表达式匹配过滤，然后交个不同的服务器，动态资源交给动态服务器，静态资源交给静态服务器。动态资源则需要每次请求时动态生成，较难进行缓存，需要更多的服务器计算资源。静态资源的特点是不依赖于用户的请求动态生成，服务器直接将文件内容发送给客户端，通常由Web服务器（如Nginx、Apache）直接提供。
nginx实现动静分离
此后如竟没有炬火，我便是唯一的光。
11-24 7577
nginx实现动静分离1. 什么是动静分离2. nginx反向代理与负载均衡3. nginx实现负载均衡4. nginx实现动静分离 1. 什么是动静分离 动静分离主要是通过nginx+PHP-FPM来实现,其中nginx处理图片,html等静态的文件,PHP处理动态程序。 动静分离是指在web服务器架构中，将静态页面与动态页面或者静态内容接口和动态内容接口分开不同系统访问的架构设计方法，进而提升整个服务访问性能和可维护性。 简单点来说,就是用户在请求的时候,如果只是简单的访问图片,html等静态的请求时,
使用nginx实现动静分离
热门推荐
weixin_48016395的博客
04-03 1万+
一、什么是动静分离 动静分离是指在web服务器架构中，将静态页面与动态页面或者静态内容接口和动态内容接口分开不同系统访问的架构设计方法，进而提升整个服务访问性能和可维护性。 nginx 的动静分离，指的是由 nginx 将客户端请求进行分类转发，静态资源请求（如html、css、图片等）由静态资源服务器处理，动态资源请求（如 jsp页面、servlet程序等）由 tomcat 服务器处理，tomcat 本身是用来处理动态资源的，同时 tomcat 也能处理静态资源，但是 tomcat 本身处理静态资源的
七十二.使用nginx实现动静分离
绅士jiejie的博客
09-28 239
一.使用nginx实现动静分离的思路 将所有的如js，图片，css等静态资源文件都放到nginx中。 确定规则，所有匹配/static/**的请求都直接由nginx处理返回。 二.修改主页请求静态资源文件的路径 修改index.html文件，在所有的请求静态资源文件的路径前都加个/static，示例如下： 三.把所有的静态资源文件都放到nginx中，并添加相应的匹配路径 静态资源文件具体放哪,可以由自己决定，如下是放在/usr/local/share/nginx/html/static/index文
nginx和tomcat实现动静分离
weixin_50344820的博客
12-13 581
文章目录一、动静分离架构1.1 tomcat1.1.1 概述1.1.2 目录结构1.2 nginx1.2.1 nginx优势1.2.2 Nginx动静分离实现原理二、实例实现高可用负载均衡2.1 nfs存储服务器的配置2.2 tomcat动态节点2.2.1 java环境的布置2.2.2 tomcat的安装2.3 nginx调度器上面的配置 一、动静分离架构 1.1 tomcat 1.1.1 概述 最初是由Sun的软件架构师詹姆斯.邓肯。戴维森开发 安装Tomcat后，安装路径下面的目录和文件，是使用或者配置
nginx实现动静分离--详细
五更天长的博客
08-18 230
为了加快网站解析速度，可以把动态页面和静态页面有不同的服务器来解析，加快解析速度。降低原来单个服务器的压力，在动静分离的Tomcat的时候比较明显，因为Tomcat解析静态很慢，其实这些原理的话都很好理解，简单来说，就是使用正则表达式匹配过滤，然后交给不同的服务器。比如静态页面交给nginx服务器，动态页面交给Tomcat。
Nginx+Tomcat实现动静分离
a rookie的博客
02-27 1614
本篇主要讲述Nginx+Tomcat动静分离的原理、架构、并实现
16. Nginx 动静分离
D的博客
06-11 534
16.4 测试
Jenkins配置使用LDAP的用户和密码登录
qq_42750608的博客
09-01 780
Jenkins配置使用LDAP的用户和密码登录
企业IT服务管理（ITSM）的实践与探索
最新发布
MXsoft618的博客
09-02 663
通过对监控体系的不断调整和完善，建立了全面的监控体系，涵盖了生产系统的IT标准组件监控、应用特定配置监控等，确保了IT服务的全面可视化和可控性。经过多年的建设和完善，该机构已经形成了坚实的ITSM基础，建立了专业的人员分工和细化的流程体系。通过对CMDB、事件、配置和变更的全面管理，实现了对IT服务的有效控制和管理，显著提升了IT服务的整体水平和客户满意度。这些问题成为了后续完善与优化的重点。通过持续的培训和考核，逐步实现了人员角色的细化和职责的明确，为ITSM建设的顺利进行提供了有力的人才保障。
Docker容器技术
LongHongYu908的博客
08-29 1060
Docker之父Docker就好比传统的货运集装箱。
云动态摘要 2024-08-28
cloudcheap的博客
08-28 1186
给您带来云厂商的最新动态，最新产品资讯和最新优惠更新。
最新Vmware17的WIn10虚拟机开箱即用，免安装
码码哈哈的博客
08-31 260
这篇文章分享的Vmware安装Win10的教程，如过有些懒得装Win10的同学可以会直接使用我的WIn10镜像压缩包打开即可tips：⬆️⬆️包含Vmware17安装包。
虚拟机Linux(Centos7)系统静态IP设置
BQ Blog
08-30 968
这篇博客介绍了在虚拟机中配置Linux系统的静态IP地址的方法，适用于通过DHCP获取IP地址导致频繁更换IP的情况。首先，用户需要将虚拟机的网络模式更改为NAT模式，并在虚拟机网络编辑器中记录子网IP、子网掩码和网关。然后，编辑相应的网络配置文件，将网络协议更改为静态，并手动设置静态IP地址、子网掩码、网关和DNS。最后，重启网络服务并验证配置是否生效。
nginx安装
houduanq的博客
09-01 275
【代码】nginx安装。
PG逻辑解码
weixin_73350116的博客
09-01 355
在postgresql中，库级别的复制，通常使用主从复制，但是主从暂时不支持跨大版本复制，使用跨版本复制以及表级别的复制通常使用发布订阅。postgresql15在逻辑订阅上做了一些修改，对于使用者的便利性更高。
使用Nginx实现动静分离与优化策略
"动静分离是大型互联网架构中常用的一种优化策略，旨在提高服务效率并减轻服务器负担。...Nginx作为静态资源服务器，因其高效处理静态文件的能力...在实际应用中，可以根据业务需求和资源状况灵活选择动静分离的实现方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值