博客优化-使用nginx缓存服务器上的静态文件html


一、nginx缓存的优点
  

原因是前段时间博客做了全面的静态化处理, 所有详情及首页都是静态化html, 想着是不是可以通过nginx直接缓存html. 有了请求直接nginx去处理, 可以一定程度上减少web服务器的处理请求压力.

 二、如何进行设置

先上个栗子:

http{
    proxy_connect_timeout 10;
    proxy_read_timeout 180;
    proxy_send_timeout 5;
    proxy_buffer_size 16k;
    proxy_buffers 4 32k;
    proxy_busy_buffers_size 96k;
    proxy_temp_file_write_size 96k;
    proxy_temp_path /tmp/temp_dir;
    proxy_cache_path /tmp/cache levels=1:2 keys_zone=cache_one:100m inactive=1d max_size=10g;

    server {
        listen       80 default_server;
        server_name  localhost;
        root /blog/;

        location / {

        }

        # 静态文件html缓存
        location ~ /archives/.*\.html$ {
              proxy_pass http://127.0.0.1:8000$request_uri;
              proxy_redirect off;
              proxy_cache cache_one;
              proxy_cache_valid 200 304 12h;
              proxy_cache_valid 301 302 1d;
              proxy_cache_valid any 5m;
              expires 1d;
              add_header wall  "hey, nginx静态文件缓存";
        }
}

接下来讲一下配置项:

2.1 http层设置

    proxy_connect_timeout 10;
    proxy_read_timeout 180;
    proxy_send_timeout 5;
    proxy_buffer_size 16k;
    proxy_buffers 4 32k;
    proxy_busy_buffers_size 96k;
    proxy_temp_file_write_size 96k;
    proxy_temp_path /tmp/temp_dir;
    proxy_cache_path /tmp/cache levels=1:2 keys_zone=cache_one:100m inactive=1d max_size=10g;
  • proxy_connect_timeout 服务器连接的超时时间
  • proxy_read_timeout 连接成功后,等候后端服务器响应时间
  • proxy_send_timeout 后端服务器数据回传时间
  • proxy_buffer_size 缓冲区的大小
  • proxy_buffers 每个连接设置缓冲区的数量为number,每块缓冲区的大小为size
  • proxy_busy_buffers_size 开启缓冲响应的功能以后,在没有读到全部响应的情况下,写缓冲到达一定大小时,nginx一定会向客户端发送响应,直到缓冲小于此值。
  • proxy_temp_file_write_size 设置nginx每次写数据到临时文件的size(大小)限制
  • proxy_temp_path 从后端服务器接收的临时文件的存放路径
  • proxy_cache_path 设置缓存的路径和其他参数。被缓存的数据如果在inactive参数(当前为1天)指定的时间内未被访问,就会被从缓存中移除

2.2 server层设置

2.2.1 缓存代理服务器

    server {
        listen       80 default_server;
        server_name  localhost;
        root /mnt/blog/;

        location / {

        }

        # 静态文件html缓存
            location ~ /archives/(\d+\.html$) {
                  proxy_pass http://127.0.0.1:8000/archives/$1;
                  proxy_redirect off;
                  proxy_cache cache_one;
                  proxy_cache_valid 200 304 12h;
                  proxy_cache_valid 301 302 1d;
                  proxy_cache_valid any 5m;
                  expires 1d;
                  add_header wall  "hey, nginx静态文件缓存";
            }
}
  • /archives/(\d+\.html$) 这里说是正则匹配/archives/数字以.html结尾的url进行匹配
  • proxy_pass nginx缓存里拿不到资源,向该地址转发请求,拿到新的资源,并进行缓存
  • proxy_redirect 设置后端服务器“Location”响应头和“Refresh”响应头的替换文本
  • proxy_set_header 允许重新定义或者添加发往后端服务器的请求头
  • proxy_cache 指定用于页面缓存的共享内存,对应http层设置的keys_zone
  • proxy_cache_valid 为不同的响应状态码设置不同的缓存时间
  • expires 缓存时间


这里我设置了详情页html静态资源进行缓存。
当用户输入https://chenyinren.top/archives/94.html时,解析得到访问地址。所以页面请求会被当前server截取到,进行请求处理。
当解析到上述文件名结尾的静 态资源,会到缓存区获取静态资源。
如果获取到对应资源,则直接返回数据。
如果获取不到,则将请求转发给proxy_pass指向的地址进行处理。

三、如何验证缓存是否有效

细心的应该发现,在第二段栗子里,留了个彩蛋 add_header wall "hey, nginx静态文件缓存";
add_header是用于在报头设置自定义的信息。
所以,如果缓存有效的话,那么静态资源返回的报头,一定会带上这个信息。

访问https://chenyinren.top/archives/94.html结果如下: