Baguhin ang laki ng mga imahe sa mabilisang

Sa halos anumang web application na gumagamit ng mga larawan, kailangang gumawa ng maliliit na kopya ng mga larawang ito, at kadalasan mayroong ilang mga format para sa mga karagdagang larawan.
Ang pagdaragdag ng mga bagong dimensyon sa isang umiiral na application ay nagdudulot din ng ilang pananakit ng ulo. Kaya ang gawain:

Gawain

Tukuyin natin ang listahan ng mga kinakailangan:

• Bumuo ng mga karagdagang larawan ng anumang format nang mabilisan nang hindi nagpapakilala ng karagdagang pag-andar sa application anumang oras sa panahon ng pagkakaroon ng application;
• Ang mga karagdagang larawan ay hindi kailangang mabuo sa bawat kahilingan;
• Huwag paganahin ang kakayahang makabuo ng mga karagdagang larawan ng hindi natukoy na mga format.

Ipapaliwanag ko ang huling punto, dahil bahagyang sumasalungat ito sa unang punto. Kung gagawin naming bukas ang pagbuo ng anumang mga larawan, may posibilidad ng isang pag-atake sa site sa pamamagitan ng pagbuo ng isang malaking bilang ng mga kahilingan upang baguhin ang laki ng imahe sa isang walang katapusang bilang ng mga format, kaya ang kahinaang ito ay kailangang isara.

configuration ng pag-install ng nginx

Upang malutas ang mga kinakailangan sa itaas kailangan namin ang sumusunod na hanay ng mga module ng nginx:

• ngx_http_image_filter_module — para sa pagbabago ng laki ng mga larawan;
• ngx_http_proxy_module - para sa pag-cache;
• ngx_http_secure_link_module — upang maprotektahan laban sa spam;

Mga Modyul ngx_http_image_filter_module и ngx_http_secure_link_module ay hindi naka-install bilang default, kaya dapat na tukuyin ang mga ito sa yugto ng pagsasaayos ng pag-install nginx:

phoinix@phoinix-work:~/src/nginx-0.8.29
$ ./configure --with-http_secure_link_module --with-http_image_filter_module


pagsasaayos ng nginx

Nagdagdag kami ng bago sa aming configuration ng host lugar at pangkalahatang mga parameter ng cache:

...
    proxy_cache_path /www/myprojects/cache levels=1:2 keys_zone=image-preview:10m;
...
    server {
...
        location ~ ^/preview/([cir])/(.+) {
        # Тип операции
            set                         $oper $1;
        # Параметры изображения и путь к файлу
            set                         $remn $2;
        # Проксируем на отдельный хост
            proxy_pass                  http://myproject.ru:81/$oper/$remn;
            proxy_intercept_errors      on;
            error_page                  404 = /preview/404;
        # Кеширование
            proxy_cache                 image-preview;
            proxy_cache_key             "$host$document_uri";
        # 200 ответы кешируем на 1 день
            proxy_cache_valid           200 1d;
        # остальные ответы кешируем на 1 минуту
            proxy_cache_valid           any 1m;
        }
        
        # Возвращаем ошибку
        location = /preview/404 {
            internal;
            default_type                image/gif;
            alias                       /www/myprojects/image/noimage.gif;
        }
...
    }
...


Nagdagdag din kami ng bagong host sa config:

server {
    server_name                     myproject.ru;
    listen                          81;

    access_log                      /www/myproject.ru/logs/nginx.preview.access_log;
    error_log                       /www/myproject.ru/logs/nginx.preview.error_log info;

    # Указываем секретное слово для md5
    secure_link_secret              secret;

    # Ошибки отправляем она отдельный location
    error_page                      403 404 415 500 502 503 504 = @404;

    # location Для фильтра size
    location ~ ^/i/[^/]+/(.+) {
        
        # грязный хак от Игоря Сысоева *
        alias                       /www/myproject.ru/images/$1;
        try_files                   "" @404;
    
        # Проверяем правильность ссылки и md5
        if ($secure_link = "") { return 404; }
        
        # Используем соответсвующий фильтр
        image_filter                size;
    }

    # По аналогии остальные location для других фильтров
    location ~ ^/c/[^/]+/(d+|-)x(d+|-)/(.+) {
        set                         $width  $1;
        set                         $height $2;
        
        alias                       /www/myproject.ru/images/$3;
        try_files                   "" @404;
    
        if ($secure_link = "") { return 404; }
    
        image_filter                crop  $width  $height;
    }
    
    location ~ ^/r/[^/]+/(d+|-)x(d+|-)/(.+) {
        set                         $width  $1;
        set                         $height $2;

        alias                       /www/myproject.ru/images/$3;
        try_files                   "" @404;

        if ($secure_link = "") { return 404; }

        image_filter                resize  $width  $height;
    }

    location @404 { return 404; }
}


Bilang resulta, ang mga karagdagang larawan ay maaaring makuha gamit ang mga sumusunod na link:

• myproject.ru/preview/i[md5]/[path_to_image]
• myproject.ru/preview/c[md5]/[laki]/[path_to_image]
• myproject.ru/preview/r[md5]/[laki]/[path_to_image]

* try_files — sensitibo sa mga space at Russian character, kaya kinailangan kong gumawa ng saklay bansag.

Gamitin sa isang web application

Sa antas ng web application, maaari mong gawin ang sumusunod na pamamaraan (Perl):

sub proxy_image {
    use Digest::MD5     qw /md5_hex/;
    my %params = @_;
    my $filter = {
                    size    => 'i',
                    resize  => 'r',
                    crop    => 'c'            
                  }->{$params{filter}} || 'r';
    my $path = ($filter ne 'i' ?
                    ( $params{height} || '_' ) . 'x' . ( $params{width} || '_' ) . '/' :
                    ()
               ) . $params{source};
    my $md5 = md5_hex( $path . 'secret' );
    $path = '/preview/' . $filter . '/' . $md5 . '/' . $path;
    return $path;
}

my $preview_path = &proxy_image(
                    source  => 'image1.jpg',
                    height  => 100,
                    width   => 100,
                    filter  => 'resize'
                );


Bagaman inirerekumenda ko rin ang pagkalkula ng mga sukat preview.

Rake

Kapag tinatanggal ang orihinal na larawan, ang mga preview, natural, ay hindi tatanggalin mula sa cache hanggang sa ang cache ay hindi wasto, at sa aming kaso, ang mga preview ay maaaring umiral sa isang araw pagkatapos ng pagtanggal, ngunit ito ang maximum na oras.

ang orihinal

Pinagmulan: www.habr.com