შეცვალეთ სურათების ზომა

თითქმის ნებისმიერ ვებ აპლიკაციაში, რომელიც იყენებს სურათებს, საჭიროა ამ სურათების მცირე ასლების შექმნა და ხშირად არსებობს დამატებითი სურათების რამდენიმე ფორმატი.
არსებულ აპლიკაციაში ახალი ზომების დამატება ასევე იწვევს თავის ტკივილს. აქედან გამომდინარე ამოცანა:

დავალება

მოდით აღვნიშნოთ მოთხოვნების ჩამონათვალი:

• შექმენით ნებისმიერი ფორმატის დამატებითი სურათები ფრენის დროს, აპლიკაციის არსებობის ნებისმიერ დროს აპლიკაციაში დამატებითი ფუნქციების დანერგვის გარეშე;
• არ არის საჭირო დამატებითი სურათების გენერირება ყოველი მოთხოვნით;
• გამორთეთ დაუზუსტებელი ფორმატების დამატებითი სურათების გენერირების შესაძლებლობა.

მე განვმარტავ ბოლო პუნქტს, რადგან ის ოდნავ ეწინააღმდეგება პირველ პუნქტს. თუ რაიმე სურათის გენერაციას გავხადეთ ღია, მაშინ არსებობს საიტზე თავდასხმის შესაძლებლობა, დიდი რაოდენობით მოთხოვნის გენერირებით, რათა შეცვალოთ გამოსახულების ზომა უსასრულო რაოდენობის ფორმატებში, ამიტომ ეს დაუცველობა უნდა დაიხუროს.

nginx ინსტალაციის კონფიგურაცია

ზემოაღნიშნული მოთხოვნების გადასაჭრელად ჩვენ გვჭირდება nginx მოდულების შემდეგი ნაკრები:

• ngx_http_image_filter_module - სურათების ზომის შეცვლისთვის;
• ngx_http_proxy_module - ქეშირებისთვის;
• ngx_http_secure_link_module — სპამისგან დასაცავად;

მოდულები ngx_http_image_filter_module и ngx_http_secure_link_module არ არის დაინსტალირებული ნაგულისხმევად, ამიტომ ისინი უნდა იყოს მითითებული ინსტალაციის კონფიგურაციის ეტაპზე nginx:

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


nginx კონფიგურაცია

ჩვენ ვამატებთ ახალს ჩვენს ჰოსტის კონფიგურაციას საიდან და ზოგადი ქეშის პარამეტრები:

...
    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;
        }
...
    }
...


ჩვენ ასევე ვამატებთ ახალ ჰოსტს კონფიგურაციაში:

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; }
}


შედეგად, დამატებითი სურათების მიღება შესაძლებელია შემდეგი ბმულების გამოყენებით:

• myproject.ru/preview/i[md5]/[გზა_სურათის_კენ]
• myproject.ru/preview/c[md5]/[ზომა]/[გზა_სურათისკენ]
• myproject.ru/preview/r[md5]/[ზომა]/[გზა_სურათისკენ]

* try_files — სივრცეებისა და რუსული სიმბოლოების მიმართ მგრძნობიარე, ამიტომ ყავარჯნის გაკეთება მომიწია alias.

გამოიყენეთ ვებ აპლიკაციაში

ვებ აპლიკაციის დონეზე შეგიძლიათ გააკეთოთ შემდეგი პროცედურა (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'
                );


თუმცა მე ასევე გირჩევთ ზომების გამოთვლას ესკიზი.

რაკი

ორიგინალური სურათის წაშლისას წინასწარი გადახედვები, ბუნებრივია, არ წაიშლება ქეშიდან, სანამ ქეში არ გაუქმდება და ჩვენს შემთხვევაში, გადახედვები შეიძლება არსებობდეს წაშლის შემდეგ ერთი დღის განმავლობაში, მაგრამ ეს არის მაქსიმალური დრო.

ორიგინალი

წყარო: www.habr.com