Nginx动静分离实现：

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

·     原理

·     实现

·     验证

一、原理

原理：

说明：

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，结果如下：

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

Nginx动静分离实现的更多相关文章

  1. Nginx动静分离经典

    Nginx:安装nginx之前需要安装pcre包和zlib以支持重写,正则以及网页压缩等等]把所需的包下载到/usr/src下[根据自己的习惯,路径可以改变]1.首先安装pcre: cd /usr/s ...

  2. Nginx动静分离架构

    Nginx动静分离简单来说就将动态与静态资源分开,不能理解成只是单纯的把动态页面和静态页面物理分离,严格意义上说应该是动态请求跟静态请求分开,可以理解成使用Nginx处理静态页面,Tomcat,Res ...

  3. Nginx 动静分离与负载均衡的实现

    一.前提 企业中,随着用户的增长,数据量也几乎成几何增长,数据越来越大,随之也就出现了各种应用的瓶颈问题. 问题出现了,我们就得想办法解决,一般网站环境,均会使用LAMP或者LNMP,而我们对于网站环 ...

  4. Nginx动静分离

    动静分离 Nginx动静分离是让动态网站里的动态网页根据一定规则把不变的资源和经常变的资源区分开来,动静资源做好了拆分以后,我们就可以根据静态资源的特点将其做缓存操作,这就是网站静态化处理的核心思路. ...

  5. Nginx动静分离架构&&HA-LB集群整合

    Nginx动静分离简单来说就将动态与静态资源分开,不能理解成只是单纯的把动态页面和静态页面物理分离,严格意义上说应该是动态请求跟静态请求分开,可以理解成使用Nginx处理静态页面,Tomcat,Res ...

  6. Nginx系列二：（Nginx Rewrite 规则、Nginx 防盗链、Nginx 动静分离、Nginx+keepalived 实现高可用）

    一.Nginx Rewrite 规则 1. Nginx rewrite规则 Rewrite规则含义就是某个URL重写成特定的URL(类似于Redirect),从某种意义上说为了美观或者对搜索引擎友好, ...

  7. Nginx动静分离知识及配置

    Nginx动静分离知识及配置,本质上与分离上传下载功能是相同功能,本质就是在文件服务器也是需要部署WEB应用的,只是在进行代理分离的时候分配到对应的文件服务器上去. 随着Nginx高性能Web服务器大 ...

  8. Nginx动静分离（Nginx+Tomcat）

    第一步:nginx构建 第二步:Tomcat构建 1.Tomcat基础点 (1)Tomcat 是基于java开发的web容器,用来发布java代码和jsp网页. (2)开发人员开发java web网站 ...

  9. nginx动静分离简单实例实现

    什么是动静分离? Nginx 动静分离简单来说就是把动态和静态请求分开,不能理解成只是将动态页面和静态页面物理分离.严格意义上说应该是动态请求和静态请求分开,可以理解成使用 nginx 处理静态页面, ...

随机推荐

  1. LeetCode 31. Next Permutation （下一个排列）

    Implement next permutation, which rearranges numbers into the lexicographically next greater permuta ...

  2. Linux系列教程（六）——Linux文件搜索命令

    前一篇博客我们讲解了Linux链接命令和权限管理命令, 通过 ln -s  链接名 表示创建软链接,不加-s表示创建硬链接:还有三个更改权限的命令,chmod命令可以更改文件或目录权限,chown命令 ...

  3. 03-从零玩转JavaWeb-创建类与对象

    创建类创建对象 一.什么是成员变量 对象的一些状态特征使用成员变量表示   二.行为什么什么表示 对象的 行为 使用 方法 表示   三.如何创建对象 class 类名{0 ~ N个成员变量0 ~ N ...

  4. js 获取多少天前

    getBeforeDate: function(day, str) { var now = new Date().getTime(); //获取毫秒数 var before = new Date(no ...

  5. JS框架设计读书笔记之-节点模块

    节点的创建 浏览器提供了多种手段创建API,从流行程度依次是document.createElement.innerHTML.insertAdjacentHTML.createContextualFr ...

  6. where id in用 order by field 保持排序

    转载自http://blog.linuxphp.org/archives/1588/ 先看下mysql的默认排序 select id from article where id in(63261,63 ...

  7. 删除链表中等于给定值val的所有节点。

    样例 给出链表 1->2->3->3->4->5->3, 和 val = 3, 你需要返回删除3之后的链表:1->2->4->5. /** * D ...

  8. Fibonacci（...刷的前几道题没有记博客的习惯，吃了大亏）

    Fibonacci Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Sub ...

  9. 暑假练习赛 006 A Vanya and Food Processor（模拟）

    Description Vanya smashes potato in a vertical food processor. At each moment of time the height of ...

  10. 使用javascript编写根据用户鼠标控制背景图片的移动

    在一家VR公司做前端. 起初进入前端就是一种内心的直觉,创造更好的用户体验,让页面更加友好,当然最起初接手web项目还是为了完成毕业设计. 一个网上图书商城,虽然不大,但五脏都有毕竟开刀所以避免不了很 ...