I-ProHoster > Блог > Ukuphatha > Shintsha usayizi wezithombe ngokuphazima kweso

Shintsha usayizi wezithombe ngokuphazima kweso

Cishe kunoma yiluphi uhlelo lokusebenza lwewebhu olusebenzisa izithombe, kunesidingo sokwenza amakhophi amancane alezi zithombe, futhi ngokuvamile kunamafomethi amaningana ezithombe ezengeziwe.
Ukwengeza ubukhulu obusha kuhlelo lokusebenza olukhona nakho kubangela ubuhlungu bekhanda. Ngakho-ke umsebenzi:

Inhloso

Ake sisho uhlu lwezidingo:

  • Dala izithombe ezengeziwe zanoma iyiphi ifomethi endizeni ngaphandle kokwethula ukusebenza okwengeziwe kuhlelo lokusebenza nganoma yisiphi isikhathi phakathi nokuba khona kohlelo lokusebenza;
  • Izithombe ezengeziwe azidingi ukwenziwa kuzo zonke izicelo;
  • Khubaza ikhono lokukhiqiza izithombe ezengeziwe zamafomethi angashiwongo.

Ngizochaza iphuzu lokugcina, ngoba liphikisana kancane nephuzu lokuqala. Uma senza isizukulwane sanoma yiziphi izithombe sivuleke, khona-ke kukhona ithuba lokuhlaselwa kwesayithi ngokudala inani elikhulu lezicelo zokushintsha usayizi wesithombe sibe inombolo engapheli yamafomethi, ngakho-ke lobu bungozi budinga ukuvalwa.

ukumiswa kokufakwa kwe-nginx

Ukuxazulula lezi zidingo ezingenhla sidinga isethi elandelayo yamamojula we-nginx:

Amamojula ngx_http_image_filter_module и ngx_http_secure_link_module azifakiwe ngokuzenzakalelayo, ngakho-ke kufanele zicaciswe esigabeni sokumisa ukufakwa nginx:

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

nginx ukucushwa

Sengeza entsha ekucushweni kwethu komsingathi indawo kanye nemingcele yenqolobane evamile:

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

Futhi sengeza umsingathi omusha ekulungiseleleni:

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

Ngenxa yalokho, izithombe ezengeziwe zingatholwa kusetshenziswa izixhumanisi ezilandelayo:

* zama_amafayela - izwela izikhala nezinhlamvu zesiRashiya, ngakho kwadingeka ngenze intonga ngayo alias.

Sebenzisa kuhlelo lokusebenza lwewebhu

Ezingeni lesicelo sewebhu, ungenza le nqubo elandelayo (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'
                );

Nakuba ngingaphinde ngitusa ukubala osayizi preview.

Ukuqamba

Lapho ususa isithombe sokuqala, ukubuka kuqala, ngokwemvelo, ngeke kususwe kunqolobane kuze kube yilapho inqolobane ingavumelekile, futhi esimweni sethu, ukubuka kuqala kungase kube khona usuku ngemva kokususwa, kodwa lesi yisikhathi esiphezulu.

okwangempela

Source: www.habr.com

Engeza amazwana