ProHoster > Блог > Gudanarwa > Girman hoto akan tashi

Girman hoto akan tashi

A kusan duk wani aikace-aikacen yanar gizo da ke amfani da hotuna, akwai buƙatar ƙirƙirar ƙananan kwafin waɗannan hotuna, kuma sau da yawa akwai nau'i da yawa don ƙarin hotuna.
Ƙara sabon girma zuwa aikace-aikacen da ke akwai kuma yana haifar da wasu ciwon kai. Don haka aikin:

Manufar

Bari mu nuna jerin abubuwan buƙatu:

  • Ƙirƙirar ƙarin hotuna na kowane tsari akan tashi ba tare da gabatar da ƙarin ayyuka a cikin aikace-aikacen a kowane lokaci yayin wanzuwar aikace-aikacen ba;
  • Ƙarin hotuna baya buƙatar ƙirƙirar akan kowace buƙata;
  • Kashe ikon samar da ƙarin hotuna na tsarin da ba a bayyana ba.

Zan yi bayanin batu na karshe, domin ya dan saba wa batu na farko. Idan muka buɗe tsarar kowane hoto, to akwai yuwuwar kai hari kan rukunin yanar gizon ta hanyar samar da buƙatun masu yawa don sake girman hoton zuwa adadi mara iyaka, don haka wannan raunin yana buƙatar rufewa.

nginx saitin shigarwa

Don warware abubuwan da ke sama muna buƙatar saitin abubuwan nginx masu zuwa:

Modules ngx_http_image_filter_module и ngx_http_secure_link_module ba a shigar da su ta tsohuwa ba, don haka dole ne a ƙayyade su a matakin daidaitawar shigarwa nginx:

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

nginx sanyi

Muna ƙara sabon zuwa ga tsarin rundunar mu location da ma'auni na cache gabaɗaya:

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

Mun kuma ƙara sabon mai watsa shiri zuwa ga daidaitawa:

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

Sakamakon haka, ana iya samun ƙarin hotuna ta amfani da hanyoyin haɗin yanar gizo masu zuwa:

* gwada_files - mai kula da sararin samaniya da haruffan Rashanci, don haka dole ne in yi kullun da wanda aka ce masa.

Yi amfani da aikace-aikacen yanar gizo

A matakin aikace-aikacen yanar gizo, zaku iya yin hanya mai zuwa (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'
                );

Ko da yake zan kuma bayar da shawarar kirga masu girma dabam preview.

Rake

Lokacin share ainihin hoton, samfoti, a zahiri, ba za a share shi daga cache ba har sai cache ɗin ya lalace, kuma a cikin yanayinmu, samfoti na iya wanzu har kwana ɗaya bayan shafewa, amma wannan shine matsakaicin lokacin.

na asali

source: www.habr.com

Add a comment