ProHoster > Blog > Идораи > Андозаи тасвирҳоро ҳангоми парвоз тағир диҳед

Андозаи тасвирҳоро ҳангоми парвоз тағир диҳед

Қариб дар ҳама барномаҳои веб, ки тасвирҳоро истифода мебарад, зарурати эҷоди нусхаҳои хурди ин тасвирҳо вуҷуд дорад ва аксар вақт барои тасвирҳои иловагӣ якчанд формат вуҷуд дорад.
Илова кардани андозагириҳои нав ба замимаи мавҷуда инчунин боиси сар задани баъзе дарди сар мегардад. Аз ин рӯ, вазифа:

Мақсад

Биёед рӯйхати талаботро нишон диҳем:

  • Тасвирҳои иловагии ҳама гуна форматҳоро бидуни ворид кардани функсияҳои иловагӣ ба барнома дар вақти дилхоҳ дар вақти мавҷудияти барнома эҷод кунед;
  • Барои ҳар як дархост тасвирҳои иловагӣ эҷод кардан лозим нест;
  • Қобилияти тавлиди тасвирҳои иловагии форматҳои номуайянро хомӯш кунед.

Нуқтаи охиринро шарҳ медиҳам, зеро он ба нуктаи аввал каме мухолиф аст. Агар мо тавлиди ҳама гуна тасвирҳоро кушоем, пас эҳтимоли ҳамла ба сайт тавассути тавлиди шумораи зиёди дархостҳо барои тағир додани андозаи тасвир ба шумораи беохири форматҳо вуҷуд дорад, бинобар ин, ин осебпазирӣ бояд баста шавад.

конфигуратсияи насби nginx

Барои ҳалли талаботи дар боло зикршуда ба мо маҷмӯи зерини модулҳои nginx лозим аст:

Модулҳо 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; }
}

Дар натиҷа, тасвирҳои иловагиро бо истифода аз истинодҳои зерин дастрас кардан мумкин аст:

* try_files — ҳассос ба фазоҳо ва аломатҳои русӣ, бинобар ин ман маҷбур шудам, ки бо асобағал созам номи кӯтоҳшуда.

Дар як барномаи веб истифода баред

Дар сатҳи веб-барнома, шумо метавонед тартиби зеринро иҷро кунед (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'
                );

Гарчанде ки ман инчунин тавсия медиҳам, ки андозаҳоро ҳисоб кунед саньиши пешакӣ.

Рейк

Ҳангоми нест кардани тасвири аслӣ, пешнамоишҳо, табиист, то он даме, ки кэш беэътибор нагардад, аз кэш нест карда намешавад ва дар ҳолати мо, пешнамоишҳо метавонанд дар давоми як рӯз пас аз ҳазф вуҷуд дошта бошанд, аммо ин ҳадди аксар вақт аст.

аслӣ

Манбаъ: will.com

Илова Эзоҳ