ປັບຂະໜາດຮູບພາບໄດ້ທັນທີໂດຍໃຊ້ Nginx ແລະ LuaJIT (OpenResty)

ສໍາລັບບາງຄັ້ງໃນປັດຈຸບັນ, ດົນໃຈໂດຍບົດຄວາມ ປັບຂະໜາດຮູບພາບໄດ້ທັນທີ ປັບຂະຫນາດຮູບພາບໄດ້ຖືກກໍານົດໂດຍໃຊ້ ngx_http_image_filter_module ແລະທຸກສິ່ງທຸກຢ່າງໄດ້ເຮັດວຽກຕາມທີ່ມັນຄວນຈະເປັນ. ແຕ່ບັນຫາຫນຶ່ງເກີດຂື້ນເມື່ອຜູ້ຈັດການຕ້ອງການຮັບຮູບພາບທີ່ມີຂະຫນາດທີ່ແນ່ນອນສໍາລັບການອັບໂຫລດໄປຍັງບາງບໍລິການ, ເພາະວ່າ ... ເຫຼົ່ານີ້ແມ່ນຄວາມຕ້ອງການດ້ານວິຊາການຂອງເຂົາເຈົ້າ. ຕົວຢ່າງ, ຖ້າພວກເຮົາມີຮູບພາບຕົ້ນສະບັບຂອງຂະຫນາດ 1200 × 1200, ແລະໃນເວລາທີ່ປັບຂະຫນາດພວກເຮົາຂຽນບາງສິ່ງບາງຢ່າງເຊັ່ນ: ?ປັບຂະໜາດ=600×400, ຫຼັງຈາກນັ້ນພວກເຮົາໄດ້ຮັບຮູບພາບທີ່ຫຼຸດລົງອັດຕາສ່ວນຕາມຂອບຂະຫນາດນ້ອຍສຸດ, ຂະຫນາດ 400 × 400. ມັນຍັງເປັນໄປບໍ່ໄດ້ທີ່ຈະໄດ້ຮູບພາບທີ່ມີຄວາມລະອຽດສູງກວ່າ (upscale). ເຫຼົ່ານັ້ນ. ?ປັບຂະໜາດ=1500×1500 ຈະກັບຄືນຮູບພາບດຽວກັນ 1200 × 1200

ບົດຄວາມນີ້ມາເພື່ອກູ້ໄພ OpenResty: ປ່ຽນ NGINX ໃຫ້ເປັນເຊີບເວີແອັບພລິເຄຊັນທີ່ເຕັມໄປດ້ວຍຄວາມສາມາດ ເພື່ອເຂົ້າໃຈວິທີການເຮັດວຽກຂອງ Nginx ກັບ Lua ແລະຫ້ອງສະຫມຸດຕົວມັນເອງສໍາລັບ Lua isage/lua-imagick - Lua pure-c ຜູກມັດກັບ ImageMagick. ເປັນຫຍັງການແກ້ໄຂນີ້ຖືກເລືອກ, ແລະບໍ່ເວົ້າ, ບາງສິ່ງບາງຢ່າງໃນ python - ເພາະວ່າມັນໄວແລະສະດວກ. ທ່ານບໍ່ຈໍາເປັນຕ້ອງສ້າງໄຟລ໌ໃດໆ, ທຸກສິ່ງທຸກຢ່າງແມ່ນຖືກຕ້ອງໃນການຕັ້ງຄ່າ Nginx (ທາງເລືອກ).

ດັ່ງນັ້ນພວກເຮົາຕ້ອງການຫຍັງ

ຕົວຢ່າງຈະຖືກໃຫ້ໂດຍອີງໃສ່ Debian.

ການຕິດຕັ້ງ nginx ແລະ nginx-extras

apt-get update
apt-get install nginx-extras

ການຕິດຕັ້ງ LuaJIT

apt-get -y install lua5.1 luajit-5.1 libluajit-5.1-dev

ການຕິດຕັ້ງ imagemagick

apt-get -y install imagemagick

ແລະຫ້ອງສະຫມຸດ magickwan ກັບມັນ, ໃນກໍລະນີຂອງຂ້ອຍສໍາລັບຮຸ່ນ 6

apt-cache search libmagickwand
apt-get -y install libmagickwand-6.q16-3 libmagickwand-6.q16-dev

ການກໍ່ສ້າງ lua-imagick

ພວກເຮົາ clone ການເກັບຮັກສາ (ຫຼືເອົາ zip ແລະ unpack ມັນ)

cd ~
git clone https://github.com/isage/lua-imagick.git
cd lua-imagick
mkdir build
cd build
cmake ..
make
make install

ຖ້າທຸກຢ່າງດີ, ທ່ານສາມາດຕັ້ງຄ່າ Nginx ໄດ້.

ຂ້ອຍຈະໃຫ້ຕົວຢ່າງຂອງ config ຂອງ backend host, ເຊິ່ງ, ໃນຄວາມເປັນຈິງ, ຮັບຜິດຊອບສໍາລັບການປັບຂະຫນາດ. ມັນແມ່ນ proxied ໂດຍເຄື່ອງແມ່ຂ່າຍທາງຫນ້າ, ຍັງມີ Nginx, ບ່ອນທີ່ caching ເກີດຂຶ້ນໃນໄລຍະເວລາທີ່ແນ່ນອນ (ມື້) ແລະສິ່ງອື່ນໆ.

nginx ການຕັ້ງຄ່າ backend

# Backend image server
server {
    listen       8082;
    listen [::]:8082;
    set $files_root /var/www/example.lh/frontend/web;
    root $files_root;
    access_log off;
    expires 1d;

    location /files {
        # дефолтные значения ресайза
        set $w 700;
        set $h 700;
        set $q 89;

        #1-89 allowed
        if ($arg_q ~ "^([1-9]|[1-8][0-9])$") {
            set $q $arg_q;
        }

        if ($arg_resize ~ "([d-]+)x([d+!^]+)") {  
            set $w $1;
            set $h $2;
            rewrite  ^(.*)$   /resize/$w/$h/$q$uri     last;
        }

        rewrite  ^(.*)$   /resize/$w/$h/$q$uri     last;
    }

    location ~* ^/resize/([d]+)/([d+!^]+)/([d]+)/files/(.+)$ {
        default_type 'text/plain';

        set $w $1;
        set $h $2;
        set $q $3;
        set $fname $4;

        # Есть возможность вынести весь Lua код в отдельный файл
        # content_by_lua_file /var/www/some.lua;
        # lua_code_cache off; #dev
        content_by_lua '
        local magick = require "imagick"
        local img = magick.open(ngx.var.files_root .. "/files/" .. ngx.var.fname)
        if not img then ngx.exit(ngx.HTTP_NOT_FOUND) end
        img:set_gravity(magick.gravity["CenterGravity"])

        if string.match(ngx.var.h, "%d+%+") then
            local h = string.gsub(ngx.var.h, "(%+)", "")
            resize = ngx.var.w .. "x" .. h
            -- для png с альфа каналом
            img:set_bg_color(img:has_alphachannel() and "none" or img:get_bg_color())
            img:smart_resize(resize)
            img:extent(ngx.var.w, h)
        else
                img:smart_resize(ngx.var.w .. "x" .. ngx.var.h)
        end

        if ngx.var.arg_q then img:set_quality(ngx.var.q) end

        ngx.say(img:blob())
        ';
    }
}

# Upstream
upstream imageserver {
    server localhost:8082;
}

server {
    listen 80;
    server_name examaple.lh;

    # отправляем все jpg и png картинки на imageserver
    location ~* ^/files/.+.(jpg|png) {
        proxy_buffers 8 2m;
        proxy_buffer_size 10m;
        proxy_busy_buffers_size 10m;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass     http://imageserver;  # Backend image server
    }
}

ສິ່ງທີ່ຕ້ອງການ (ການຂະຫຍາຍຮູບພາບປະມານແຄມ) ເກີດຂື້ນໂດຍໃຊ້ img:extent() ແລະຖືກກໍານົດໂດຍໃຊ້ພາລາມິເຕີ resize ມີ​ເຄື່ອງ​ຫມາຍ​ + ໃນຕອນທ້າຍ.

ທາງເລືອກຕໍ່ໄປນີ້ແມ່ນມີຢູ່:

• WxH (ຮັກສາອັດຕາສ່ວນ, ໃຊ້ມິຕິສູງກວ່າ)
• WxH^ (ຮັກສາອັດຕາສ່ວນ, ໃຊ້ມິຕິຕ່ໍາ (ການປູກພືດ))
• WxH! (ບໍ່​ສົນ​ໃຈ​ອັດ​ຕາ​ສ່ວນ​)
• WxH+ (ຮັກສາອັດຕາສ່ວນ, ເພີ່ມຂອບດ້ານຂ້າງ)

ຕາຕະລາງສະຫຼຸບທີ່ມີຜົນໄດ້ຮັບການປັບຂະຫນາດ

ຮ້ອງຂໍພາລາມິເຕີ uri
ຜົນຜະລິດຂະຫນາດຮູບພາບ

?ປັບຂະໜາດ=400×200
200 × 200

?ປັບຂະໜາດ=400×200^
400 × 400

?ປັບຂະໜາດ=400×200!
400×200 (ບໍ່​ເປັນ​ສັດ​ສ່ວນ​)

?ປັບຂະໜາດ=400×200+
400×200 (ອັດຕາສ່ວນ)

ຜົນໄດ້ຮັບ

ພິຈາລະນາອໍານາດແລະຄວາມງ່າຍດາຍຂອງວິທີການນີ້, ທ່ານສາມາດປະຕິບັດສິ່ງຕ່າງໆທີ່ມີເຫດຜົນທີ່ຂ້ອນຂ້າງສັບສົນ, ສໍາລັບການຍົກຕົວຢ່າງ, ເພີ່ມ watermarks ຫຼືການປະຕິບັດການອະນຸຍາດທີ່ມີການເຂົ້າເຖິງຈໍາກັດ. ເພື່ອຊອກຫາຄວາມສາມາດຂອງ API ສໍາລັບການເຮັດວຽກກັບຮູບພາບ, ທ່ານສາມາດອ້າງອີງໃສ່ເອກະສານຫ້ອງສະຫມຸດ isage/lua-imagick

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