nginx实时生成缩略图存储到硬盘上

321re

现在随着各终端的出现(手机，ipad等平板),以及各种终端的手机分辨率和尺寸都不同，现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构，有使用php实时生成缩略图的，也有用nginx + lua实现的，上节我也讲到了使用nginx生成缩略图，但是用户每次访问都需要生成一次，会给cpu和硬盘带来比较大的压力，今天带来了另外一种方式，这次使用nginx将原图生成缩略图到硬盘上.看我的配置
1、首先创建好cache目录
[iyunv@masterserver ~]# mkdir -p /data/stie_cache   
[iyunv@masterserver ~]#

      
2、修改nginx配置，增加如下内容
location ~* ^/resize {
                root /data/site_cache/$server_name;
                set $width 150;
                set $height 100;
                set $dimens "";

                if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
                        set $width $1;
                        set $height $2;
                        set $image_path $3;
                        set $demins "_$1x$2";
                }

                if ($uri ~* "^/resize/(.*)" ) {
                        set $image_path $1;
                }

                set $image_uri image_resize/$image_path?width=$width&height=$height;

                if (!-f $request_filename) {
                        proxy_pass http://127.0.0.1/$image_uri;
                        break;
                }
                proxy_store /data/site_cache/$server_name/resize$demins/$image_path;
                proxy_store_access user:rw group:rw all:r;
                proxy_set_header Host $host;
                expires      30d;
                access_log off;
        }

        location /image_resize {
                alias /data/site/$server_name/;
                image_filter resize $arg_width $arg_height;
                image_filter_jpeg_quality 75;
                access_log off;
        }
完整的nginx配置文件如下:

[iyunv@masterserver conf]# cat nginx.conf
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
           image on;
          image_output on;
        }
        location ~* ^/resize {
                root /data/site_cache/$server_name;
                set $width 150;
                set $height 100;
                set $dimens "";

                if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
                        set $width $1;
                        set $height $2;
                        set $image_path $3;
                        set $demins "_$1x$2";
                }

                if ($uri ~* "^/resize/(.*)" ) {
                        set $image_path $1;
                }

                set $image_uri image_resize/$image_path?width=$width&height=$height;

                if (!-f $request_filename) {
                        proxy_pass http://127.0.0.1/$image_uri;
                        break;
                }
                proxy_store /data/site_cache/$server_name/resize$demins/$image_path;
                proxy_store_access user:rw group:rw all:r;
                proxy_set_header Host $host;
                expires      30d;
                access_log off;
        }

        location /image_resize {
                alias /data/site/$server_name/;
                image_filter resize $arg_width $arg_height;
                image_filter_jpeg_quality 75;
                access_log off;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
[iyunv@masterserver conf]#

提示:
nginx编译的时候要添加参数--with-http_image_filter_module，保险起见将模块ngx_image_thumb-master也带上，所以最终nginx编译参数为:
./configure   --add-module=../ngx_image_thumb-master/ --with-http_image_filter_module
生成缩略图流程如下：
1、原图在http://10.0.0.10/image/1.jpg。我需要一份100x100的缩略图。
2、请求http://10.0.0.10/resize_100x100/image/1.jpg.
3、这个请求进入了location ~* ^/resize,接着判断image_path这个目录下是否存在这张图片,如果存在直接放回给用户,
4、不存在那么跳转到http://10.0.0.10/image_resize/im ... 100&height=100;
5、location /image_resize根据传入的width和height执行缩略功能,并且设置图像质量为75
6、接着生成文件到/data/site_cache/10.0.0.10/resize_100x100/image/1.jpg
7、并且返回图片给用户
8、nginx生成缩略图到硬盘上的功能到这里就结束了