• Nginx实现动静分离


    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.29 max_fails=2 fail_timeout=2;   #定义到.29的ip上

       }

       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  index.php;

              allow all;

          }

          #动态资源加载

          location ~.(PHP|jsp)?$ {

              proxy_pass http://webservers;    #如果是访问以.php/jsp结尾的就直接定向到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加载的是静态服务器的,而动态请求操作则访问的是动态服务器。


    原文地址:http://blog.csdn.net/why_2012_gogo/article/details/51407037

    为方便参考特整理到本博客下,如有不到之处,请原作者谅解。

  • 相关阅读:
    element ui 时间控件 多个日期
    java 获取两个日期之间的所有日期(年月日)
    java 正则表达式(内附例子)
    Notepad++怎么使用正则替换
    基于 vue+element ui 的cdn网站(多页面,都是各种demo)
    使用github搭建个人html网站
    PL/SQL Developer 如何记住密码
    PL/SQL Developer图形化窗口创建数据库(表空间和用户)以及相关查询sql
    安装pl/sql developer(内附下载地址)
    vue中操作cookie的插件
  • 原文地址:https://www.cnblogs.com/wangzhilei/p/6705991.html
Copyright © 2020-2023  润新知