Променете ја големината на сликите со помош на Nginx и LuaJIT (OpenResty)

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

Овој напис дојде на помош OpenResty: претворање на NGINX во полноправен сервер за апликации да се разбере како Nginx работи со Луа и самата библиотека за Луа isage/lua-imagick - Lua pure-c врзува за ImageMagick. Зошто е избрано ова решение, а не, да речеме, нешто во питон - затоа што е брзо и практично. Не треба ни да креирате датотеки, сè е правилно во конфигурацијата Nginx (опционално).

Па што ни треба

Ќе бидат дадени примери врз основа на Debian.

Инсталирање nginx и nginx-екстраси

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

и библиотеки волшебно стапче на него, во мојот случај за верзијата 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

Ако сè беше добро, можете да го конфигурирате Nginx.

Ќе дадам пример за конфигурацијата на заднинскиот хост, кој, всушност, е одговорен за промена на големината. Тој е проксиран од предниот сервер, исто така со Nginx, каде што кеширањето се случува за одреден временски период (денови) и други работи.

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

# 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

?resize=400×200^
400 × 400

?промена на големина=400×200!
400×200 (Не пропорционално)

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

Вкупно

Со оглед на моќта и едноставноста на овој пристап, можете да имплементирате работи со прилично сложена логика, на пример, додавање водени жигови или спроведување овластување со ограничен пристап. За да ги дознаете можностите на API за работа со слики, можете да се повикате на библиотечната документација isage/lua-imagick

Извор: www.habr.com