动静分离实现原理

最新推荐文章于 2025-04-19 10:00:00 发布
原创 最新推荐文章于 2025-04-19 10:00:00 发布 · 325 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#服务器 #nginx #java
本文详细介绍了如何利用Nginx实现正向代理和反向代理，以及负载均衡和动静分离。通过配置Nginx服务池、反向代理和负载均衡策略，结合Tomcat实例，展示了动静资源的分离处理，提高了系统性能。同时，通过调整Tomcat配置文件，创建了多个Tomcat实例，实现了负载均衡。最后，配置Nginx以处理静态页面并反向代理动态请求，确保了服务器的高效运行。

NGINX负载均衡与反向代理

一：实现原理

image-20220729001436774

正向代理：正向代理允许客户端通过它访问任意网站并且隐蔽客户端自身，因此你必须采取安全措施来确保仅为经过授权的客户端提供服务
反向代理：对外是透明的，访问者并不知道自己访问的是代理。对访问者而言，他以为访问的就是原始服务器（可以隐藏服务的真实地址

负载均衡有两种，一种在七层，一种在四层，七层是对外的，四层是对内的，在应用内访问。http协议都是七层

upstream 服务池名{} #配置后端服务池，以提供响应数据

proxy_pass http://服务池名 #配置将访问请求转发给后端服务池的服务器处理

（stream）

动静分离实现原理

服务端接收来自客户端的请求中，既有动态资源也有静态资源，静态资源由nginx提供服务，动态资源由nginx转发给后端（反向代理），及tomcat，简单来说就是nginx将动态资源和静态资源分开处理，可以提高nginx的处理能力

image-20220729150025525

nginx静态处理的优势

1：nginx处理静态页面的效率远高于tomcat的处理能力

2：nginx处理静态资源的能力是tomcat处理的6倍

3：若tomcat的请求量为1000次，则nginx为6000次

4：tomcat每秒的吞吐量为0.6M，nginx则为3.6M

image-20220729151208111

实验搭建反向代理与负载均衡

一，安装nginx和tomcat

这里就不一一显示了

image-20220801193727413

image-20220801193753598

都启动好了后，开始添加用户设置属主属组

image-20220801193838819

useradd -s /sbin/nologin tomcat
chown tomcat:tomcat /usr/local/tomcat -R

新建服务文件

vim /etc/systemd/system/tomcat.service

将以下这段复制进去

[Unit]
Description=Tomcat
#After=syslog.target network.target remote-fs.target nss-lookup.target
After=syslog.target network.target

[Service]
Type=forking
ExecStart=/usr/local/tomcat/bin/startup.sh
ExecStop=/usr/local/tomcat/bin/shutdown.sh
RestartSec=3
PrivateTmp=true
User=tomcat
Group=tomcat

[Install]
WantedBy=multi-user.target

重新加载服务，并查看服务是否启动

systemctl daemon-reload
systemctl start tomcat
netstat -ntlap |grep 8080

image-20220801194421123

切换至webapps下，再新建目录

cd /usr/local/tomcat/webapps/
mkdir pxx

image-20220801195709254

建立动态页面文件

vim qjm/index.jsp

将下面的话复制进去

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>JSP test1 page</title>   
</head>
<body>
<% out.println("666");%>
</body>
</html>

修改主配置文件

#备份一下
cp /usr/local/tomcat/conf/server.xml /usr/local/tomcat/conf/server.xml.bak


vim /usr/local/tomcat/conf/server.xml
##164行下添加
<Host name="localhost" appBase="webapps"
            unpackWARs="true" autoDeploy="true" xmlValidation="false"
            xmlNamespaceAware="false">
                <Context docBase="/usr/local/tomcat/webapps/pxx"
                path="" reloadable="true" />
      </Host>

先注释

image-20220801201329657

image-20220801201446425

再添加

image-20220801203121395

重启服务，并在网页测试

image-20220801203045957

tomcat服务器1配置

在tomcat的基础上，创建tomcat工作目录，并把软件包移动

mkdir /usr/local/tomcat
mv apache-tomcat-9.0.16 /usr/local/tomcat/tomcat1
cp -a /usr/local/tomcat/tomcat1 /usr/local/tomcat/tomcat2

image-20220801224312987

配置tomcat环境变量
vim /etc/profile.d/tomcat.sh

tomcat1

export CATALINA_HOME1=/usr/local/tomcat/tomcat1
export CATALINA_BASE1=/usr/local/tomcat/tomcat1
export TOMCAT_HOME1=/usr/local/tomcat/tomcat1

tomcat2

export CATALINA_HOME2=/usr/local/tomcat/tomcat2
export CATALINA_BASE2=/usr/local/tomcat/tomcat2
export TOMCAT_HOME2=/usr/local/tomcat/tomcat2

image-20220801225322757

刷新系统

source /etc/profile.d/tomcat.sh
修改tomcat2中的server.xml文件，要求各tomcat实例配置不能有重复的端口号
vim /usr/local/tomcat/tomcat2/conf/server.xml

<Server port="8006" shutdown="SHUTDOWN">		##22行，修改Server prot，默认为8005 -> 修改为8006

<Connector port="8081" protocol="HTTP/1.1"		##69行，修改Connector port，HTTP/1.1  默认为8080 -> 修改为8081

<Connector port="8010" protocol="AJP/1.3" redirectPort="8443" />	##116行，修改Connector port AJP/1.3，默认为8009 -> 修改为8010

image-20220801225458804

image-20220801225604548

image-20220801225656654

修改添加内容的环境变量，修改各tomcat实例中的startup.sh和shutdown.sh文件，添加tomcat环境变量
vim /usr/local/tomcat/tomcat1/bin/startup.sh

##tomcat1添加
##在二十行下添加插入
export CATALINA_BASE=$CATALINA_BASE1
export CATALINA_HOME=$CATALINA_HOME1
export TOMCAT_HOME=$TOMCAT_HOME1

vim /usr/local/tomcat/tomcat2/bin/startup.sh

##tomcat2添加
##在二十行下添加插入
export CATALINA_BASE=$CATALINA_BASE2
export CATALINA_HOME=$CATALINA_HOME2
export TOMCAT_HOME=$TOMCAT_HOME2

image-20220801230149148

image-20220801230240746

启动tomcat中的/bin/startup.sh
/usr/local/tomcat/tomcat1/bin/startup.sh

image-20220801230443174

/usr/local/tomcat/tomcat2/bin/startup.sh

image-20220801230505590

image-20220801230740174

查看是否开启

netstat -natp | grep java

image-20220801230559365

image-20220801230758112

tomcat动静分离配置

添加访问页面

mkdir /usr/local/tomcat/tomcat1/webapps/test
vim /usr/local/tomcat/tomcat1/webapps/test/index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>JSP test1 page</title>   #指定为 test1 页面
</head>
<body>
<% out.println("动态页面 1,http://www.test1.com");%>
</body>
</html>

image-20220801231205632

修改主配置文件，添加虚拟主机

依然是将148行至150行注销，160行至164行注销

 <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false">
         <Context docBase="/usr/local/tomcat/tomcat1/webapps/test" path=""     reloadable="true">
        </Context>
</Host>

image-20220802001226732

关闭再开启

##关闭重启，tomcat配置完成
[root@localhost opt]# /usr/local/tomcat/tomcat1/bin/shutdown.sh
Using CATALINA_BASE:   /usr/local/tomcat/tomcat1
Using CATALINA_HOME:   /usr/local/tomcat/tomcat1
Using CATALINA_TMPDIR: /usr/local/tomcat/tomcat1/temp
Using JRE_HOME:        /usr
Using CLASSPATH:       /usr/local/tomcat/tomcat1/bin/bootstrap.jar:/usr/local/tomcat/tomcat1/bin/tomcat-juli.jar

[root@localhost opt]# /usr/local/tomcat/tomcat1/bin/startup.sh
Using CATALINA_BASE:   /usr/local/tomcat/tomcat1
Using CATALINA_HOME:   /usr/local/tomcat/tomcat1
Using CATALINA_TMPDIR: /usr/local/tomcat/tomcat1/temp
Using JRE_HOME:        /usr
Using CLASSPATH:       /usr/local/tomcat/tomcat1/bin/bootstrap.jar:/usr/local/tomcat/tomcat1/bin/tomcat-juli.jar
Tomcat started.

image-20220802002441725

tomcat2服务器配置

动静分离配置

mkdir /usr/local/tomcat/tomcat2/webapps/test
vim /usr/local/tomcat/tomcat2/webapps/test/index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>JSP test2 page</title>		 #指定为 test2 页面
</head>
<body>
<% out.println("动态页面 2,http://www.test2.com");%>
</body>
</html>

image-20220802002935655

修改主配置文件，添加虚拟主机

vim /usr/local/tomcat/tomcat2/conf/server.xml

 <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false">
         <Context docBase="/usr/local/tomcat/tomcat2/webapps/test" path=""     reloadable="true">
        </Context>
</Host>

关闭再启动，查看

image-20220802003812583

Nginx+ Tomcat 负载均衡、反向代理、动静分离

实验环境

nginx服务器：192.168.179.15

tomcat1：192.168.179.7:8080

tomcat2：192.168.179.90:8080 192.168.179.90:8081

将上述环境都配置好之后，开始配置

设置静态页面

echo '<html><body><h1>this is jingtai  page </h1></body></html>' > /usr/local/nginx/html/index.html

image-20220802004602906

添加访问图片

cd /usr/local/nginx/html/  
##拖入添加图片

image-20220802003932669

配置nginx主配置文件

cd /usr/local/nginx/conf

vim nginx.conf

##配置负载均衡的服务器列表，weight参数表示权重，权重越高，被分配到的概率越大
##33行下面加入以下内容
    #gzip  on;
    upstream tomcat_server {
     server 192.168.179.7:8080 weight=1;
     server 192.168.179.90:8080 weight=1;
     server 192.168.179.90:8081 weight=1;
}

##在45行下加入下面配置参数server下面配置，添加反向代理，动静分离
#access_log  logs/host.access.log  main;
        location ~ .*\.jsp$ {
          proxy_pass http://tomcat_server;
          proxy_set_header HOST $host;
          proxy_set_header X-Real-IP $remote_addr;  
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
        
##添加参数解析
location ~ .*\.jsp$ {			
#把nginx接收到的客户端的ip地址赋值给跳转到tomcat请求中的源ip，识别客户的真实ip，并且赋值与跳转
proxy_pass http://tomcat_server; 

proxy_set_header HOST $host;	
#设定后端的web服务器接收到的请求访问的主机名（域名或ip、端口），默认host的值为proxy_pass直连设置的主机名

proxy_set_header X-Real-IP $remote_addr;		
#把$remote_addr复制给X-Real-IP(自定义)，来回去源IP

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;		
#在nginx最为代理服务器时，设置的IP列表，会把经过的及其ip，代理及其ip都记录下来




##主配置文件57行下添加下面配置参数，配置Nginx处理静态图片请求，让页面能够加载图片
 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|css)$ {
                        root /usr/local/nginx/html;
                        expires 10d;
        }

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

设置权重

image-20220802171743670

反向代理

image-20220802171833571

添加匹配的图片类型

image-20220802172324703

检查语法

nginx -t

image-20220802172438936

重启验证

image-20220802172558264

image-20220802172754189

每个服务器都看下，测试负载均衡是否成功

image-20220802173036984

image-20220802173059458

H_YANG__
关注
互联网动静分离架构
01-04
“页面静态化”是一种将原本需要动态生成的站点提前生成静态站点的优化技术。 总数据量不大，生成静态页面数量不多的业务，非常适合于“页面静态化”优化。
Nginx 负载均衡、动静分离
Bilson99的博客
06-20 759
Nginx 负载均衡、动静分离一、Nginx负载均衡实现原理二、Nginx动静分离实现原理三、Nginx + Tomcat 动静分离、负载均衡配置及实操 一、Nginx负载均衡实现原理 ① Nginx实现负载均衡是通过反向代理实现 ② 反向代理原理 ③ Nginx 配置反向代理的主要参数 upstream 服务池名 {} 作用：配置后端服务器池，以提供响应数据 配置后端服务器池，以提供响应数据 配置将访问请求转发给后端服务器池的服务器处理 二、Nginx动静分离实现原理 ① 动静分离原理 服务端接收来
Nginx-动静分离与 URLRwrite
GG Bond 的博客
08-18 1024
Nginx-动静分离与 URLRwrite
动静分离架构模式
jmysql的博客
03-26 1621
1.动静分离概念 动静分离（动态文件与静态文件的分离）是让动态网站里的动态网页根据一定规则把不变的资源和经常变的资源区分开来，动静资源做好了拆分以后，我们就可以根据静态资源的特点将其做缓存操作，这就是网站静态化处理的核心思路。 静态资源：当用户多次访问这个资源，资源的源代码永远不会改变的资源。动态资源：当用户多次访问这个资源，资源的源代码可能会发送改变。 2.为什么要用动静分离 提高用户访问静态代码的速度，降低对后台应用访问。 Nginx作为静态资源服务器比Tocmat响应吞吐高很多；..
nginx的动静分离
weixin_46122171的博客
10-26 1137
nginx动静分离
Nginx+Tomcat负载均衡、动静分离
怎么也想不出名字的博客
11-17 876
每个请求按时间顺序逐一分配到不同的后端服务器，如果超过了最大失败次数后（max_fails，默认1），在失效时间内（fail_timeout，默认10秒），该节点失效权重变为0，超过失效时间后，则恢复正常，或者全部节点都为down后， 那么将所有节点都恢复为有效继续探测，一般来说rr可以根据权重来进行均匀分配。和ip hash算法类似，是对每个请求按url的hash结果分配，使每个URL定向到同一个后端服务器， 但是也会造成分配不均的问题， 这种模式后端服务器为缓存时比较好。服务端接收来自客户端的请求中。
后端面试必备：Nginx中实现动静分离的原理与实践
最新发布
qq_58299462的博客
04-19 1119
动静分离是指将网站中的静态资源（如HTML、CSS、JavaScript、图片等）与动态内容（如PHP、JSP、ASP等生成的页面）分开处理的一种架构设计方法。通过Nginx实现动静分离可以显著提高网站的性能和并发处理能力。
20.Nginx动静分离原理与案例实现
java之书-资源
10-08 253
Nginx动静分离原理与案例实现
Nginx+Tomcat实现动静分离
a rookie的博客
02-27 2033
本篇主要讲述Nginx+Tomcat动静分离的原理、架构、并实现
关于j2ee的web工程研发（两种实现方式：1动静不分离 2动静分离即前后端分离），参数传递（即${}、{{}}等方式）的原理性、最原始思考
Ideality_hunter的专栏
02-08 1803
关于j2ee的web工程研发（两种实现方式：1动静不分离  2动静分离即前后端分离），参数传递的原理性、最原始思考 1动静分离 前端只使用html文件，而不是jsp文件。 这种方式其实是最原始的、最初的开发模式。 在前端的任何一个点击，都是一个jQuery的ajax的接口访问，从后端获取数据，然后反馈给前端。前段接收到数据之后，再拼接、并弹出新的html页面，进行展示。 这种方式
Nginx动静分离（理论+实验）
weixin_45726050的博客
02-01 4393
文章目录前言：一、Nginx+Apache动静分离原理1.1 Nginx动静分离概述1.3 Nginx实现动静分离配置1.3.1 动静分离需求1.3.2 配置重点二、Nginx+Apache动静分离（实验）2.1 搭建LAMP架构2.1.1 Apache服务安装与配置2.1.2 mariadb数据库安装配置2.1.3 php安装与配置2.1.4 测试2.2 Nginx安装、配置2.2.1 Ngin...
一分钟了解互联网动静分离架构
shenjian58的博客
01-03 801
一、静态页面静态页面，是指互联网架构中，几乎不变的页面(或者变化频率很低)，例如：首页等html页面js/css等样式文件jpg/apk等资源文件静态页面，有与之匹配的技...
动静分离
anhldd的博客
10-19 3718
动静分离的实现思路 动静分离是将网站静态资源（HTML，JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。 1.静态资源部署在Nginx 动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。 2.静态资源部署至CDN上 更好的方案是直接将静...
动静分离架构
xuxiaopang0417的博客
04-19 3386
一、静态页面 静态页面，是指互联网架构中，几乎不变的页面(或者变化频率很低)，例如： 首页等html页面 js/css等样式文件 jpg/apk等资源文件 静态页面，有与之匹配的技术架构来加速，例如： CDN nginx squid/varnish 二、动态页面 动态页面，是指互联网架构中，不同用户不同场景访问，都不一样的页面，例如： 百度搜索结果页 淘宝商品列...
动静分离的几种架构方案
cxy_19891109的博客
02-16 1265
动静分离java html_简单了解动静分离和前后端分离
weixin_42469191的博客
02-24 433
一、前端和后端的概念(怎么区分是前端还是后端)什么是前端? 这又可以分解成几个小问题。1.JS是前端么？ 2.只要用JS写的，都是前端么？ 3.只要是前端工程师写的，都是前端么？4.大前端就是指的用JS语言写的前端，哪怕它是运行在服务器那一端么？ 5.App算前端么？ 6.Html+CSS算前端么？ 7.小程序算前端么？ 8.ReactNative算前端么？通常情况下，我们说的前端，都是指浏览器这...
如何实现动静分离
weixin_44098139的博客
04-01 6604
一、动静分离 我们的网站简单来说分为 2 种数据资源，一种是动态的数据，即 PHP 等程序语言实时吐出来的数据，在网页内容上主要是 HTML 代码，另一种则是静态资源，比如图片、css、js、视频等（当然，图片等资源也可能是实时动态生成的，比如 PHP 缩略图，这里就不展开讨论了）。 一般网站初建，因为流量小、业务简单等原因，都默认将两种数据放到一台服务器上提供服务。访问量大到一定程度之后，就...
php 动静分离原理,nginx动静分离的好处
weixin_28323057的博客
03-22 523
动静分离是将网站静态资源(HTML，JavaScript，CSS，img等文件)与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。nginx动静分离的好处api接口服务化：动静分离之后，后端应用更为服务化，只需要通过提供api接口即...
网站动静分离架构读写原理
ygh3110001606的博客
02-17 575
网站一般有门户网站、视频网站、博客微博bbs等； 第一类： 1、新闻网站特点是实时性强，发布后很少修改，视频网站特点是发布后很少修改，这两类网站一般都用静态网页； 2、新闻编辑人员发布的新闻，文字类的进入数据库，图片、视屏类的进入存储； 3、后台程序自动将数据库的内容生成静态html文件，存在存储上，运维人员通过事件触发将html和图片、视频推到缓存服务器或者购买的CDN加速器上，供用户浏览； 3...
Nginx动静分离实现
热门推荐
云水之路的专栏
05-14 2万+
Nginx是一种轻量级，高性能，多进程的Web服务器，非常适合作为静态资源的服务器使用，而动态的访问操作可以使用稳定的Apache、Tomcat及IIS等来实现，这里就以Nginx作为代理服务器的同时，也使用其作为静态资源的服务器，而动态的访问服务器就以Apache为例说明。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值