Nginx动静分离的示例代码

 更新时间:2024年07月02日 11:11:11   作者:TA548464  
动静分离是将网站静态资源与后台应用分开部署,本文主要介绍了Nginx动静分离的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

为了加快网站的解析速度,就是把动态页面和静态页面由不同的服务器来解析,加快解析速度。降低原来单个服务器的压力。

简单来说,就是 使用正则表达式匹配过滤,然后交个不同的服务器

1. 准备环境

准备一个nginx代理 两个http 分别处理动态和静态

IP作用安装软件
192.168.221.130nginx反向代理服务器nginx
192.168.221.136nginx静态资源网站nginx
192.168.221.138nginx动态资源网站php

2. 配置 Nginx 静态资源服务器

expires功能说明(为客户端配置缓存时间)

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

原理:当nginx设置了expires后,例如设置为:expires 10d; 那么用户在10天内请求的时候,都只会访问浏览器中的缓存,而不会去请求nginx。

注:需要注意的是,这种缓存方式只能在用户不对浏览器强制刷新的情况下生效,如果用户通过url来进行访问,是可以访问到缓存的。

静态资源配置(192.168.221.136)

[root@localhost ~]# cd /etc/nginx/conf.d/
[root@localhost conf.d]# cp default.conf  jingtai.conf
[root@localhost conf.d]# vim jingtai.conf
server {
        listen 80;        #注意修改default.conf配置文件中的默认端口
        server_name  localhost;

        location ~ \.(html|jpg|png|js|css) {
        root /usr/share/nginx/html/jingtai;
        expires      1d; #为客户端设置静态资源缓存时间
        }
}

//创建图片存放目录
[root@localhost ~]# cd /usr/share/nginx/html/
[root@localhost html]# ls
50x.html  index.html
[root@localhost html]# mkdir jingtai

//上传一张图片到服务器中
[root@localhost html]# cd jingtai/
[root@localhost jingtai]# mv 1.png  test.jpg	//随便放一张图片

//重启nginx
[root@localhost conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@localhost conf.d]# systemctl restart nginx

//测试:
[root@nginx-yum2 conf.d]# curl -I http://192.168.221.136/test.jpg
HTTP/1.1 200 OK
Server: nginx/1.24.0
Date: Thu, 27 Jul 2023 07:49:14 GMT
Content-Type: image/jpeg
Content-Length: 278266
Last-Modified: Wed, 09 Jun 2021 19:59:38 GMT
Connection: keep-alive
ETag: "60c11daa-43efa"
Expires: Fri, 28 Jul 2023 07:49:14 GMT    //缓存到期时间
Cache-Control: max-age=86400     //缓存持续时间秒
Accept-Ranges: bytes

3. 动态资源服务器配置

3.1. 安装php-fpm

//动态资源配置:yum 安装php7.1
[root@localhost ~]# rpm -Uvh https://mirror.webtatic.com/yum/el7/epel-release.rpm
[root@localhost ~]# rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
[root@localhost ~]# 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@localhost ~]# yum install -y php71w-fpm
  • PHP-FPM(FastCGI Process Manager:FastCGI进程管理器)是一个PHPFastCGI管理器。
  • 它提供了更好的PHP进程管理方式,可以有效控制内存和进程、可以平滑重载PHP配置。
  • 在日常运维中,我们主要将PHP-FPM 的配置文件分为主配置文件和 pool配置文件(每个pool配置文件通常对应一个Nginx虚拟主机)。

3.2. 修改php-fpm配置文件

  • 主要是php的优化
  • 主配置文件 php-fpm.conf,常用配置如下:
//设置php-fpm最大进程数
[root@localhost ~]# cp php-fpm.conf{,.bak}
[root@localhost ~]# vim /etc/php-fpm.conf
[global]
...
;动态方式下开启的php-fpm进程的最大数量(默认是注释的)
process.max = 2048
;设置 fpm 在后台运行(默认是打开的)
daemonize = yes
; 设置进程可以打开的文件描述符数量(默认是注释的)
rlimit_files = 65535
; 设置FPM 的事件处理机制
events.mechanism = epoll
;  加载pool 配置
include = /etc/php-fpm.d/*.conf

//设置进程池
[root@localhost php.d]# cp /etc/php-fpm.d/www.conf{,.bak}
[root@localhost php.d]# vim /etc/php-fpm.d/www.conf
[www]
...
; 设置动态dynamic进程池/静态static(默认是打开的)
pm = dynamic
; 设置每个进程可处理的请求数,当进程达到这个请求数量后会自动释放在重新生成新的进程。避免内存泄漏等情况
pm.max_requests = 1500
; 终止请求超时时间。一个请求若处理大于20s ,则会自动kill掉。避免进程堆积
request_terminate_timeout = 20
; 限制 FPM 允许解析的脚本扩展名. 这里不限制,FPM可以解析任何扩展名的文件
security.limit_extensions = ""

#修改php上传文件的大小
[root@localhost php.d]# vim /etc/php.ini
max_execution_time = 0 #默认的该脚本最久执行时间为30秒,就是说超过30秒吗,该脚本就停止执行,0为不限制时间
post_max_size = 150M #默认POST数据大小为8M,可以按实际情况修改
upload_max_filesize = 100M #默认上传文件最大为2M,可以按实际情况修改。
注:另外要说明的是,post_max_size 大于 upload_max_filesize 为佳

[root@localhost php.d]# systemctl start php-fpm
[root@localhost php.d]# systemctl enable php-fpm

3.3. 配置138上的 Nginx+php

动态服务器编辑nginx连接php
编辑nginx的配置文件:

server {
        listen      80;        #注意将default.conf的端口改掉
        server_name     localhost;
        location ~ \.php$ {
            root           /var/www;  #指定网站目录
            fastcgi_pass   127.0.0.1:9000;    #开启fastcgi连接php地址
            fastcgi_index  index.php;          #指定默认文件
            fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name; #站点根目录,取决于root配置项
            include        fastcgi_params;  #包含fastcgi使用的常量
                }
        }
[root@localhost var]# mkdir www
[root@localhost var]# cd www/
[root@localhost www]# vim index.php
<?php
 phpinfo();
?>

//重启nginx
[root@localhost www]# systemctl restart nginx

浏览器访问130上的php页面,http://192.168.221.138/index.php,确保源站访问正常

4. 配置 Nginx 动静分离

proxy_cache和expires的介绍

通过 expires 指令设置的缓存,主要是针对客户端浏览器的。如果我们能将静态资源的缓存设置在服务器端,当多个用户访问同一个资源时,缓存命中率及系统的性能将大大提升。
proxy_cache介绍:当nginx作为反向代理时,通常只有动态的请求,也就是不同的用户访问的同一个url看到的内容是不同的,这个时候才会交由上游服务器处理,但是有些内容可能是一段时间内是不会变化的,这个时候为了减轻上游服务器的压力,那么就让nginx把上游返回的内容缓存一段时间,比如缓存一天,在一天之内即是上游服务器内容发生了变化也不管,nginx只返回缓存到的内容给用户。

proxy_cache:实现服务器端缓存,主要设置在反向代理上面

nginx动静分离的配置

#配置nginx反向代理upstream,并实现服务器端缓存时间
#注意:是130上面配置

upstream static {
        server 192.168.221.136:80 weight=1 max_fails=1 fail_timeout=60s;
        }
upstream php {
        server 192.168.221.138:80 weight=1 max_fails=1 fail_timeout=60s;
        }
proxy_cache_path /tmp/proxy_cache levels=1:2 keys_zone=proxy_cache:64m inactive=1d max_size=128m;

        server {
        listen      80;
        server_name     localhost;
        #动态资源加载
        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;
                }
        #静态资源加载
        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 30d ; #根据响应码设置缓存时间,超过这个时间即使缓存文件中有缓存数据,nginx也会回源请求新数据。
            proxy_cache_key $host$uri$is_args$args; #对不用用户的请求展示不同的内容
                }
        }

#参数详解:
proxy_cache_path      缓存文件路径
levels                设置缓存文件目录层次;levels=1:2 表示两级目录
keys_zone             设置缓存名字和共享内存大小【在使用的地方要使用缓存名】
inactive              在指定缓存时间内没人访问则被删除
max_size              最大缓存空间,如果缓存空间满,默认覆盖掉缓存时间最长的资源。

浏览器访问测试:

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

静态资源访问:http://192.168.221.130/test.jpg
动态资源访问:http://192.168.221.130/index.php

到此这篇关于Nginx动静分离的示例代码的文章就介绍到这了,更多相关Nginx动静分离内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 教你如何使用 Nginx 进行负载均衡

    教你如何使用 Nginx 进行负载均衡

    Nginx 是一个高性能的 HTTP 和反向代理服务器,它也经常被用作邮件代理服务器和通用 TCP/UDP 代理服务器,本文我们将详细介绍如何使用 Nginx 进行负载均衡,感兴趣的朋友跟随小编一起看看吧
    2024-05-05
  • 在Nginx中使用X-Sendfile头提升PHP文件下载的性能(针对大文件下载)

    在Nginx中使用X-Sendfile头提升PHP文件下载的性能(针对大文件下载)

    这篇文章主要介绍了在Nginx中使用X-Sendfile头提升PHP文件下载的性能,可以用在针对大文件下载的情况,下载非网站Web目录文件的需求,提供下载权限控制的场景,需要的朋友可以参考下
    2014-07-07
  • nginx 解决跨域问题嵌入第三方页面

    nginx 解决跨域问题嵌入第三方页面

    本文主要介绍了nginx 解决跨域问题嵌入第三方页面,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Linux部署Nginx实现反向代理的方法步骤

    Linux部署Nginx实现反向代理的方法步骤

    Nginx 是一种常用、轻型且快速的 Web 服务器, 它可以在 Linux 和 Windows 上运行,并且可以配置为反向代理服务器,本文主要介绍了Linux部署Nginx实现反向代理的方法步骤,感兴趣的可以了解一下
    2023-08-08
  • Mac上搭建nginx+rtmp直播服务器的步骤详解

    Mac上搭建nginx+rtmp直播服务器的步骤详解

    最近的直播很火,所以这篇文章跟大家分享了在Mac上搭建nginx+rtmp直播服务器的步骤,文章通过一步步图文介绍的很详细,有需要的朋友们可以参考借鉴。
    2016-09-09
  • nginx配置文件详解中文版

    nginx配置文件详解中文版

    这篇文章主要介绍了nginx配置文件nginx.conf的配置参数详解,并增加了中文版注释,需要的朋友可以参考下
    2014-03-03
  • nginx proxy_buffer_size解决后端服务传输数据过多,header过大问题

    nginx proxy_buffer_size解决后端服务传输数据过多,header过大问题

    这篇文章主要介绍了nginx proxy_buffer_size解决后端服务传输数据过多,header过大问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)

    Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)

    本文主要介绍了Nginx stream 配置代理(Nginx TCP/UDP 负载均衡),文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • nginx部署前端项目的超级详细步骤记录

    nginx部署前端项目的超级详细步骤记录

    众所周知Nginx是一款高性能的http服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,这篇文章主要给大家介绍了关于nginx部署前端项目的超级详细步骤,需要的朋友可以参考下
    2023-02-02
  • 前端将项目部署到服务器(Nginx)的完整步骤

    前端将项目部署到服务器(Nginx)的完整步骤

    最近写了一个项目,需要进行手机上测试,下面就需要前端自己将项目进行部署,这篇文章主要给大家介绍了关于前端将项目部署到服务器(Nginx)的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-01-01

最新评论