ProHoster > Блог > Захиргаа > Зургийн хэмжээг шууд өөрчлөх

Зургийн хэмжээг шууд өөрчлөх

Зураг ашигладаг бараг бүх вэб программд эдгээр зургийн жижиг хуулбарыг үүсгэх шаардлагатай байдаг бөгөөд ихэвчлэн нэмэлт зургийн хэд хэдэн формат байдаг.
Одоо байгаа аппликешн дээр шинэ хэмжээс нэмэх нь толгой өвдөхөд хүргэдэг. Тиймээс даалгавар:

Зорилго

Шаардлагын жагсаалтыг дурдъя:

  • Аппликешн ажиллаж байх хугацаандаа програмын нэмэлт функцийг оруулахгүйгээр ямар ч форматтай нэмэлт зургийг шууд үүсгэх;
  • Хүсэлт бүр дээр нэмэлт зураг үүсгэх шаардлагагүй;
  • Тодорхойгүй форматтай нэмэлт зураг үүсгэх боломжийг идэвхгүй болгох.

Энэ нь эхний зүйлтэй бага зэрэг зөрчилдөж байгаа тул би сүүлчийн санааг тайлбарлах болно. Хэрэв бид дурын зургийн төрлийг нээлттэй болговол зургийн хэмжээг хязгааргүй олон форматаар өөрчлөх хүсэлтийг олон тооны үүсгэх замаар сайт руу халдах магадлал байгаа тул энэ эмзэг байдлыг хаах хэрэгтэй.

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'
                );

Хэдийгээр би хэмжээг тооцоолохыг зөвлөж байна Урьдчилан харах.

Тармуур

Анхны зургийг устгах үед кэш хүчингүй болох хүртэл урьдчилан үзэх нь мэдээжийн хэрэг кэшээс устахгүй бөгөөд манай тохиолдолд устгаснаас хойш нэг өдрийн турш урьдчилан үзэх боломжтой боловч энэ нь хамгийн дээд хугацаа юм.

эх хувь

Эх сурвалж: www.habr.com

сэтгэгдэл нэмэх