Nginx动静分离实现

时间:2022-12-29 16:07:44

Nginx动静分离实现:

Nginx是一种轻量级,高性能,多进程的Web服务器,非常适合作为静态资源的服务器使用,而动态的访问操作可以使用稳定的Apache、Tomcat及IIS等来实现,这里就以Nginx作为代理服务器的同时,也使用其作为静态资源的服务器,而动态的访问服务器就以Apache为例说明。

·     原理

·     实现

·     验证

一、原理

原理:

Nginx动静分离实现

说明:

1、代理服务器和静态服务器即为一台服务器上,这里只是为了明显区分动静分离所处服务器的不同;

2、静态服务器中,存放的资源主要是源代码文件、图片、属性、样式以及其它所有非动态的资源文件;

3、调度规则,即为代理服务器,这里是Nginx的服务器调度规则;

4、动态服务器,其种类比较繁多,可以是Apache、Tomcat、IIS以及其它Web服务器,它们一般分别隶属于一台服务器;

二、实现

1、实现说明

如上图所示,当客户端访问代理服务器时:

首先,加载和显示存放在静态服务器中的静态资源,这里以html为例;

其次,如果上一步没有匹配对应的资源,我们就认为是动态访问请求,那么就直接访问参与负载均衡的服务器列表中的某一台服务器的动态操作;

最后,Nginx作为Web服务器加载静态资源(html、css、js、image),而静态资源如果需要动态获取数据,并填充到页面显示,会自动去往负载服务器获取并返回,在实现了动态分离的同时,也参与了服务器的负载均衡。

2、准备工作

准备两台计算机设备,分别为:

静态服务器:169.254.195.161

动态服务器:169.254.28.29

3、安装配置

首先,在静态服务器中安装Nginx服务器,在动态服务器中安装Apache服务器,具体安装过程中这里省略;

其次,分别配置Nginx和Apache,配置如下:

nginx.conf:

http {

#load balancing servers

upstream webservers {

ip_hash;

server 169.254.28.29max_fails=2 fail_timeout=2;

}

server {

listen       80;

server_name  localhost;

access_log/usr/local/nginx/logs/access.log;

error_log/usr/local/nginx/logs/error.log;

#limitbuffer size and overflows

client_body_buffer_size16k;

client_header_buffer_size1k;

client_max_body_size1m;

#default char set

charset utf-8;

#默认静态资源

location / {

root    /project/cwteam;

index  index.html index.htm

allow all;

}

#动态资源加载

location ~\.(PHP|jsp)?$ {

proxy_pass http://webservers;

}

}

}

httpd.conf:

这里只罗列Apache根目录的配置路径,如下:

DocumentRoot “D:/project/cwteam”

<Directory “D:/project/cwteam”>

Options IndexesFollowSymLinks Includes ExecCGI

AllowOverride All

Require all granted

</Directory>

最后,启动Nginx和Apache服务,并验证是否成功启动。

三、验证

首先,在静态服务器中的Web根目录下,放置一个static.html文件,内容如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script src="../Public/htmls/js/jQuery-1.8.3.min.js"></script>

</head>

<body style="">

<div id="ajaxDync"></div>

</body>

<script type="text/JavaScript">

$(document).ready(function() {

$.ajax({

url:'./dynamic.php?action=ok',

type:'get',

cache : false,

success:function(data){

$("#ajaxDync").html(data);

}

});

});

</script>

</html>

其次,在动态服务器中的Web服务器目录下放在一个动态脚本dynamic.php,内容如下:

<?php

if($_GET['action']=='ok'){

echo 'Hello World!'.'---IP:169.254.28.29';

}

?>

NOTE:

1、为了区分动静服务器内的服务器脚本,我们在静态服务器中的dynamic.php内容:

<?php

if($_GET['action']=='ok'){

echo 'Hello World!'.'---IP:169.254.195.161';

}

?>

而在动态服务器中的dynamic.php内容如下:

<?php

if($_GET['action']=='ok'){

echo 'Hello World!'.'---IP:169.254.28.29';

}

?>

2、需要保证动静服务器拥有同样的代码项目,一般使用rsync同步软件同步不同服务器中的项目资源文件,关于rsync会在后续总结介绍使用。

最后,打开浏览器输入192.168.1.100,结果如下:

Nginx动静分离实现

从上图,我们知道动静已经分离成功了,因为静态资源页面html加载的是静态服务器的,而动态请求操作则访问的是动态服务器。