ಪ್ರೊಹೋಸ್ಟರ್ > Блог > ಆಡಳಿತ > ಹಾರಾಡುತ್ತ ಚಿತ್ರಗಳನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ

ಹಾರಾಡುತ್ತ ಚಿತ್ರಗಳನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ

ಚಿತ್ರಗಳನ್ನು ಬಳಸುವ ಯಾವುದೇ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ, ಈ ಚಿತ್ರಗಳ ಸಣ್ಣ ಪ್ರತಿಗಳನ್ನು ರಚಿಸುವ ಅವಶ್ಯಕತೆಯಿದೆ ಮತ್ತು ಹೆಚ್ಚುವರಿ ಚಿತ್ರಗಳಿಗಾಗಿ ಹಲವಾರು ಸ್ವರೂಪಗಳಿವೆ.
ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಹೊಸ ಆಯಾಮಗಳನ್ನು ಸೇರಿಸುವುದರಿಂದ ಸ್ವಲ್ಪ ತಲೆನೋವು ಉಂಟಾಗುತ್ತದೆ. ಆದ್ದರಿಂದ ಕಾರ್ಯ:

ಉದ್ದೇಶ

ಅವಶ್ಯಕತೆಗಳ ಪಟ್ಟಿಯನ್ನು ಸೂಚಿಸೋಣ:

  • ಅಪ್ಲಿಕೇಶನ್‌ನ ಅಸ್ತಿತ್ವದ ಸಮಯದಲ್ಲಿ ಯಾವುದೇ ಸಮಯದಲ್ಲಿ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಹೆಚ್ಚುವರಿ ಕಾರ್ಯವನ್ನು ಪರಿಚಯಿಸದೆ ಹಾರಾಡುತ್ತ ಯಾವುದೇ ಸ್ವರೂಪದ ಹೆಚ್ಚುವರಿ ಚಿತ್ರಗಳನ್ನು ರಚಿಸಿ;
  • ಪ್ರತಿ ವಿನಂತಿಯ ಮೇಲೆ ಹೆಚ್ಚುವರಿ ಚಿತ್ರಗಳನ್ನು ರಚಿಸುವ ಅಗತ್ಯವಿಲ್ಲ;
  • ಅನಿರ್ದಿಷ್ಟ ಸ್ವರೂಪಗಳ ಹೆಚ್ಚುವರಿ ಚಿತ್ರಗಳನ್ನು ರಚಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ.

ನಾನು ಕೊನೆಯ ಅಂಶವನ್ನು ವಿವರಿಸುತ್ತೇನೆ, ಏಕೆಂದರೆ ಇದು ಮೊದಲ ಅಂಶಕ್ಕೆ ಸ್ವಲ್ಪ ವಿರುದ್ಧವಾಗಿದೆ. ನಾವು ಯಾವುದೇ ಚಿತ್ರಗಳ ಪೀಳಿಗೆಯನ್ನು ತೆರೆಯುವಂತೆ ಮಾಡಿದರೆ, ಅನಂತರದ ಸಂಖ್ಯೆಯ ಸ್ವರೂಪಗಳಿಗೆ ಚಿತ್ರವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಲು ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ವಿನಂತಿಗಳನ್ನು ರಚಿಸುವ ಮೂಲಕ ಸೈಟ್‌ನಲ್ಲಿ ದಾಳಿಯ ಸಾಧ್ಯತೆಯಿದೆ, ಆದ್ದರಿಂದ ಈ ದುರ್ಬಲತೆಯನ್ನು ಮುಚ್ಚಬೇಕಾಗಿದೆ.

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 - ಸ್ಥಳಗಳು ಮತ್ತು ರಷ್ಯಾದ ಅಕ್ಷರಗಳಿಗೆ ಸೂಕ್ಷ್ಮ, ಆದ್ದರಿಂದ ನಾನು ಊರುಗೋಲನ್ನು ಮಾಡಬೇಕಾಗಿತ್ತು ಅಲಿಯಾಸ್.

ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಬಳಸಿ

ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಮಟ್ಟದಲ್ಲಿ, ನೀವು ಈ ಕೆಳಗಿನ ವಿಧಾನವನ್ನು ಮಾಡಬಹುದು (ಪರ್ಲ್):

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

ಕಾಮೆಂಟ್ ಅನ್ನು ಸೇರಿಸಿ