Промените величину слика у ходу користећи Нгинк и ЛуаЈИТ (ОпенРести)

Већ неко време, инспирисан чланком Промена величине слике у ходу Промена величине слике је конфигурисана помоћу нгк_хттп_имаге_филтер_модуле и све је радило како треба. Али један проблем је настао када је менаџер требало да добије слике са тачним димензијама за постављање на неке сервисе, јер... то су били њихови технички захтеви. На пример, ако имамо оригиналну слику величине 1200 × 1200, а при промени величине напишемо нешто као ?ресизе=600×400, онда добијамо пропорционално смањену слику дуж најмање ивице, величине 400 × 400. Такође је немогуће добити слику веће резолуције (упсцале). Оне. ?ресизе=1500×1500 вратиће исту слику 1200 × 1200

Овај чланак је дошао у помоћ ОпенРести: претварање НГИНКС-а у пуноправни сервер апликација да разумете како Нгинк ради са Луа-ом и самом библиотеком за Луа-у исаге/луа-имагицк - Луа пуре-ц везе за ИмагеМагицк. Зашто је изабрано ово решење, а не, рецимо, нешто у питону – јер је брзо и згодно. Не морате чак ни да креирате датотеке, све је тачно у Нгинк конфигурацији (опционо).

Па шта нам треба

Примери ће бити дати на основу Дебиан-а.

Инсталирање нгинк-а и нгинк-додатака

apt-get update
apt-get install nginx-extras

Инсталирање ЛуаЈИТ-а

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

Инсталирање имагемагицк-а

apt-get -y install imagemagick

и библиотеке магицкванд на то, у мом случају за верзију 6

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

Изградња луа-имагицк-а

Клонирамо спремиште (или узмемо зип и распакујемо га)

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

Ако је све прошло добро, можете да конфигуришете Нгинк.

Навешћу пример конфигурације позадинског хоста, који је, у ствари, одговоран за промену величине. Проксије га предњи сервер, такође са Нгинк-ом, где се кеширање дешава током одређеног временског периода (дана) и друге ствари.

нгинк позадинска конфигурација

# 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 са знаком + на крају.

Доступне су следеће опције:

• ШкВ (Задржи однос ширине и висине, користи већу димензију)
• ШкВ^ (Задржи пропорцију, користи нижу димензију (исецање))
• ШкВ! (Занемарите пропорцију)
• ШкВ+ (Задржи пропорцију, додајте бочне ивице)

Табела са резимеом са резултатима промене величине

Захтевај ури параметар
Величина излазне слике

?ресизе=400×200
200 × 200

?ресизе=400×200^
400 × 400

?ресизе=400×200!
400×200 (није пропорционално)

?ресизе=400×200+
400×200 (пропорционално)

Укупан

С обзиром на снагу и једноставност овог приступа, можете имплементирати ствари са прилично сложеном логиком, на пример, додавањем водених жигова или спровођењем ауторизације са ограниченим приступом. Да бисте сазнали могућности АПИ-ја за рад са сликама, можете погледати документацију библиотеке исаге/луа-имагицк

Извор: ввв.хабр.цом