ປັບຂະໜາດຮູບພາບໄດ້ທັນທີ

ໃນເກືອບທຸກຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌ທີ່ໃຊ້ຮູບພາບ, ຈໍາເປັນຕ້ອງສ້າງສໍາເນົາຂະຫນາດນ້ອຍຂອງຮູບພາບເຫຼົ່ານີ້, ແລະມັກຈະມີຫຼາຍຮູບແບບສໍາລັບຮູບພາບເພີ່ມເຕີມ.
ການເພີ່ມຂະໜາດໃໝ່ໃຫ້ກັບແອັບພລິເຄຊັນທີ່ມີຢູ່ແລ້ວຍັງເຮັດໃຫ້ເກີດອາການເຈັບຫົວບາງຢ່າງ. ດັ່ງ​ນັ້ນ​ວຽກ​ງານ​:

ຈຸດປະສົງ

ໃຫ້ບອກບັນຊີລາຍຊື່ຂອງຄວາມຕ້ອງການ:

• ສ້າງຮູບພາບເພີ່ມເຕີມຂອງຮູບແບບຕ່າງໆໃນການບິນໂດຍບໍ່ມີການແນະນໍາການທໍາງານເພີ່ມເຕີມເຂົ້າໄປໃນຄໍາຮ້ອງສະຫມັກໄດ້ທຸກເວລາໃນລະຫວ່າງການທີ່ມີຢູ່ແລ້ວຂອງຄໍາຮ້ອງສະຫມັກ;
• ຮູບພາບເພີ່ມເຕີມບໍ່ຈໍາເປັນຕ້ອງຖືກສ້າງຂຶ້ນໃນທຸກຄໍາຮ້ອງຂໍ;
• ປິດຄວາມສາມາດໃນການສ້າງຮູບພາບເພີ່ມເຕີມຂອງຮູບແບບທີ່ບໍ່ໄດ້ລະບຸ.

ຂ້ອຍຈະອະທິບາຍຈຸດສຸດທ້າຍ, ເພາະວ່າມັນກົງກັນຂ້າມກັບຈຸດທໍາອິດເລັກນ້ອຍ. ຖ້າພວກເຮົາເຮັດໃຫ້ການສ້າງຮູບພາບໃດໆເປີດ, ຫຼັງຈາກນັ້ນມີຄວາມເປັນໄປໄດ້ຂອງການໂຈມຕີໃນເວັບໄຊທ໌ໂດຍການສ້າງຈໍານວນຄໍາຮ້ອງຂໍເພື່ອປັບຂະຫນາດຮູບພາບເຂົ້າໄປໃນຮູບແບບທີ່ບໍ່ມີຂອບເຂດ, ດັ່ງນັ້ນຊ່ອງໂຫວ່ນີ້ຕ້ອງໄດ້ຮັບການປິດ.

ການຕັ້ງຄ່າການຕິດຕັ້ງ nginx

ເພື່ອແກ້ໄຂຄວາມຕ້ອງການຂ້າງເທິງ, ພວກເຮົາຕ້ອງການຊຸດໂມດູນ nginx ຕໍ່ໄປນີ້:

• ngx_http_image_filter_module - ສໍາ​ລັບ​ການ​ປັບ​ຂະ​ຫນາດ​ຮູບ​ພາບ​;
• ngx_http_proxy_module - ສໍາລັບຖານຄວາມຈໍາ;
• ngx_http_secure_link_module — ເພື່ອປ້ອງກັນ spam;

ໂມດູນ 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

ພວກເຮົາເພີ່ມອັນໃໝ່ໃສ່ການຕັ້ງຄ່າໂຮສຂອງພວກເຮົາ ສະຖານທີ່ ແລະຕົວກໍານົດການ cache ທົ່ວໄປ:

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


ພວກເຮົາຍັງເພີ່ມ host ໃໝ່ໃສ່ config:

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


ດັ່ງນັ້ນ, ຮູບພາບເພີ່ມເຕີມສາມາດໄດ້ຮັບໂດຍໃຊ້ການເຊື່ອມຕໍ່ຕໍ່ໄປນີ້:

• myproject.ru/preview/i[md5]/[path_to_image]
• myproject.ru/preview/c[md5]/[size]/[path_to_image]
• myproject.ru/preview/r[md5]/[size]/[path_to_image]

* try_files — ມີ​ຄວາມ​ອ່ອນ​ໄຫວ​ກັບ​ສະ​ຖານ​ທີ່​ແລະ​ລັກ​ສະ​ນະ​ພາ​ສາ​ລັດ​ເຊຍ​, ສະ​ນັ້ນ​ຂ້າ​ພະ​ເຈົ້າ​ໄດ້​ເຮັດ​ໃຫ້​ມີ​ໄມ້​ທ່ອນ​ດ້ວຍ​ alias.

ໃຊ້ໃນແອັບພລິເຄຊັນເວັບ

ໃນລະດັບຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌, ທ່ານສາມາດເຮັດຂັ້ນຕອນຕໍ່ໄປນີ້ (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'
                );


ເຖິງແມ່ນວ່າຂ້ອຍຍັງແນະນໍາໃຫ້ຄິດໄລ່ຂະຫນາດ preview.

ຫວາຍ

ເມື່ອລຶບຮູບພາບຕົ້ນສະບັບ, ການສະແດງຕົວຢ່າງ, ຕາມທໍາມະຊາດ, ຈະບໍ່ຖືກລຶບອອກຈາກ cache ຈົນກ່ວາ cache ບໍ່ຖືກຕ້ອງ, ແລະໃນກໍລະນີຂອງພວກເຮົາ, ການສະແດງຕົວຢ່າງສາມາດມີຢູ່ຫນຶ່ງມື້ຫຼັງຈາກການລຶບ, ແຕ່ນີ້ແມ່ນເວລາສູງສຸດ.

ຕົ້ນສະບັບ

ແຫຼ່ງຂໍ້ມູນ: www.habr.com