Ang pag-resize sa imahe sa langaw

Sa halos bisan unsang web application nga naggamit og mga hulagway, gikinahanglan ang paghimo og gagmay nga mga kopya niini nga mga hulagway, ug kasagaran adunay daghang mga format alang sa dugang nga mga hulagway.
Ang pagdugang og bag-ong mga dimensyon sa usa ka kasamtangan nga aplikasyon hinungdan usab sa pipila ka mga labad sa ulo. Busa ang buluhaton:

Tumong

Atong itudlo ang listahan sa mga kinahanglanon:

• Paghimo dugang nga mga imahe sa bisan unsang format sa langaw nga wala gipaila ang dugang nga pagpaandar sa aplikasyon bisan unsang oras sa panahon sa paglungtad sa aplikasyon;
• Ang dugang nga mga hulagway dili kinahanglan nga himoon sa matag hangyo;
• I-disable ang abilidad sa paghimo og dugang nga mga hulagway sa wala matino nga mga format.

Akong ipasabut ang katapusan nga punto, tungod kay kini gamay nga sukwahi sa una nga punto. Kung himuon namon nga bukas ang henerasyon sa bisan unsang mga imahe, nan adunay posibilidad nga usa ka pag-atake sa site pinaagi sa pagmugna og daghang gidaghanon sa mga hangyo aron mabag-o ang imahe sa usa ka walay kinutuban nga gidaghanon sa mga format, busa kini nga pagkahuyang kinahanglan nga sirado.

nginx installation configuration

Aron masulbad ang mga kinahanglanon sa ibabaw kinahanglan namon ang mosunod nga set sa nginx modules:

• ngx_http_image_filter_module - alang sa pag-resize sa mga imahe;
• ngx_http_proxy_module - alang sa caching;
• ngx_http_secure_link_module — aron mapanalipdan batok sa spam;

Mga Modulo ngx_http_image_filter_module и ngx_http_secure_link_module wala ma-install pinaagi sa default, mao nga kinahanglan nga itakda kini sa yugto sa pag-configure sa pag-install nginx:

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


nginx configuration

Nagdugang kami og bag-o sa among configuration sa host lokasyon ug kinatibuk-ang mga parameter sa 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;
        }
...
    }
...


Nagdugang usab kami usa ka bag-ong 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; }
}


Ingon nga resulta, ang dugang nga mga hulagway mahimong makuha gamit ang mosunod nga mga link:

• myproject.ru/preview/i[md5]/[path_to_image]
• myproject.ru/preview/c[md5]/[gidak-on]/[path_to_image]
• myproject.ru/preview/r[md5]/[gidak-on]/[path_to_image]

* try_files — sensitibo sa mga luna ug Russian nga mga karakter, mao nga ako sa paghimo sa usa ka crutch uban sa alyas.

Paggamit sa usa ka web application

Sa lebel sa aplikasyon sa web, mahimo nimo ang mosunod nga pamaagi (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'
                );


Bisan kung girekomenda ko usab ang pagkalkula sa mga gidak-on preview.

Pagripa

Kung gitangtang ang orihinal nga imahe, ang mga preview, natural, dili mapapas gikan sa cache hangtod nga ma-invalidate ang cache, ug sa among kaso, ang mga preview mahimong maglungtad sa usa ka adlaw pagkahuman sa pagtangtang, apan kini ang labing taas nga oras.

ang orihinal

Source: www.habr.com