Nginx实现动静分离

前言

为了加快网站的解析速度，可以把动态页面和静态页面交由不同的服务器来解析，从而加快解析速度，降低原来单个服务器的压力。 简单的概括是：动态文件与静态文件的分离。

准备3台机器，一台做反向代理，其它两台分别处理动态文件和静态文件。

一、准备测试环境

expires功能说明（配置客户端缓存时间）

nginx缓存的设置可以提高网站性能，对于网站的图片，尤其是新闻网站，图片一旦发布，改动的可能是非常小的，为了减小对服务器请求的压力，提高用户浏览速度，我们可以通过设置nginx中的expires，让用户访问一次后，将图片缓存在用户的浏览器中，且时间比较长的缓存。

nginx缓存原理

当nginx设置了expires后，例如设置为：expires 10d; 那么用户在10天内请求的时候，都只会访问浏览器中的缓存，而不会去请求nginx。这种缓存方式只能在用户不对浏览器强制刷新的情况下生效，如果用户通过url来进行访问，是可以访问到缓存的。

下面开始配置静态、动态资源。

（1）静态资源配置

server {
        listen 80;
        server_name     localhost;

        location ~ \.(html|jpg|png|js|css) {
        root /var/www/nginx;   #网站发布目录
        expires      1h;       #为客户端设置静态资源缓存时间
        }
}

• 网站发布目录上传静态测试文件

  [root@server-yum1 nginx]# rz
  [root@server-yum1 nginx]# ls
  test.png
  

• 浏览器端访问

  

• 或者

  [root@server-yum1 nginx]# curl -I http://10.20.151.8/test.png
  

  

（2）动态资源配置

PHP-FPM（FastCGI Process Manager：FastCGI进程管理器）是一个PHPFastCGI管理器。它提供了更好的PHP进程管理方式，可以有效控制内存和进程、可以平滑重载PHP配置。在日常运维中，我们主要将PHP-FPM的配置文件分为主配置文件和pool配置文件（每个pool配置文件通常对应一个Nginx虚拟主机）。

• 安装php7.1

  [root@server-yum2 ~]# rpm -Uvh https://mirror.webtatic.com/yum/el7/epel-release.rpm
  [root@server-yum2 ~]# rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
  [root@server-yum2 ~]# yum install php71w-xsl php71w php71w-ldap php71w-cli php71w-common php71w-devel php71w-gd php71w-pdo php71w-mysql php71w-mbstring php71w-bcmath php71w-mcrypt -y
  [root@server-yum2 ~]# yum install -y php71w-fpm   --安装
  

• 启动php

  [root@server-yum2 ~]# systemctl start php-fpm     --启动PHP
  [root@server-yum2 ~]# systemctl enable php-fpm    --设置开机自启
  

• 编辑nginx连接php

  [root@server-yum2 ~]# vim /etc/nginx/conf.d/php.conf
  server {
      listen       80;
      server_name  localhost;
      
      location ~ \.php$ {
          root           /var/www/html;   #php网站发布目录
          fastcgi_pass   127.0.0.1:9000;  #开启fastcgi连接php地址
          fastcgi_index  index.php;       #默认打开php页面
          fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;  #指定网站根目录，这里取的是变量，取决于root配置项
          include        fastcgi_params;  #包含fastcgi使用的常量
      }
  }
  

  

• 网站发布目录编辑动态测试文件

  [root@server-yum2 html]# vim index.php   --在/var/www/html/添加.php文件，并添加以下内容
  <?php 
          phpinfo(); 
  ?>
  

• 浏览器端访问

  

至此，动静测试页面配置完成！！

（3）缓存设置

• nginx缓存原理

  当nginx设置了expires后，例如设置为：expires 10d; 那么用户在10天内请求的时候，都只会访问浏览器中的缓存，而不会去请求nginx。
  【注意】：这里需要注意的是，这种缓存方式只能在用户不对浏览器强制刷新的情况下生效，如果用户通过url来进行访问，是可以访问到缓存的。

• expires功能说明（配置客户端缓存时间）

  nginx缓存的设置可以提高网站性能，对于网站的图片，尤其是新闻网站，图片一旦发布，改动的可能是非常小的，为了减小对服务器请求的压力，提高用户浏览速度，我们可以通过设置nginx中的expires，让用户访问一次后，将图片缓存在用户的浏览器中，且时间比较长的缓存。

• proxy_cache功能说明（配置服务器端缓存时间）

  当nginx作为反向代理时，通常只有动态的请求，也就是不同的用户访问的同一个url看到的内容是不同的，这个时候才会交由上游服务器处理，但是有些内容可能是一段时间内是不会变化的，这个时候为了减轻上游服务器的压力，那么就让nginx把上游返回的内容缓存一段时间，比如缓存一天，在一天之内即是上游服务器内容发生了变化也不管，nginx只返回缓存到的内容给用户。该指令最好用在代理服务器上，因为你请求和相应的内容都会经过代理（负载均衡）服务器。

二、配置nginx反向代理

配置nginx反向代理upstream，并实现服务器端缓存时间。

[root@nginx-proxy ~]# vim /usr/local/nginx/conf/nginx.conf
-----------------------------------------------------------------------------------------
#后端处理静态页面的服务器
upstream static {
        server 10.20.151.8:80 weight=1  max_fails=2 fail_timeout=2s;
    }
#后端处理动态页面的服务器
upstream php {
        server 10.20.151.178:80 weight=1  max_fails=2 fail_timeout=2s;
    }
#代理服务器（负载均衡器）请求结果的缓存时间
proxy_cache_path /tmp/proxy_cache levels=1:2 keys_zone=proxy_cache:64m inactive=1d max_size=128m;
    #server标签
    server {
        listen       80;
        server_name  localhost;
        #通过正则匹配，递交给对应的后端服务器处理（处理静态页面的后端服务器）
        location ~ .*\.(html|jpg|png|css|js)$ {
            proxy_pass http://static;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            #引用上面定义的缓存，来实现代理服务器的请求结果缓存
            proxy_cache proxy_cache;
            proxy_cache_valid 200 302 304 1d;
            proxy_cache_key $host$uri$is_args$args;
        }
        #通过正则匹配，递交给对应的后端服务器处理（处理动态页面的后端服务器）
        location ~ \.(php|jsp)$ {
            proxy_pass http://php;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

三、测试动静分离效果

（1）静态页面测试

浏览器端访问http://10.20.151.112/test.png

（2）动态页面测试

浏览器端访问http://10.20.151.112/index.php

至此，就已经实现了Nginx的动静分离！！

总结

本次测试仅仅是实现Nginx的动静分离效果，并没有做到真正意义上的负载均衡，因为在测试过程中我仅用了一台后端服务器解析静态页面，另一台后端服务器解析动态页面，再加上Nginx代理服务器做的一个动静分离效果。如果要实现负载均衡，可使用两台以上的服务器来解析相应的静态、动态页面，也就是说至少需要6台后端服务器和1台Nginx代理服务器，当然，如果你要做高可用的话，也至少需要2台Nginx代理服务器（负载均衡器）。以上测试实际上最终实现的效果就是：

• 当访问静态页面时，location匹配到 (html|jpg|png|js|css)结尾的文件，然后通过转发到后端静态服务器（static），静态服务通过location的正则匹配来处理请求。
• 当访问动态页面时，location匹配到 .\php结尾的文件，然后通过转发到后端动态服务器（php），动态服务通过location的正则匹配来处理请求。