Rikthimi i imazheve në kohë reale me Nginx dhe LuaJIT (OpenResty)

Ka shumë kohë, e frymëzuar nga një artikull Rizgjerimi i imazheve në mënyrë dinamike ishe konfiguruar rikonfigurimi i imazheve përmes ngx_http_image_filter_module dhe gjithçka funksiononte siç duhet. Por u shfaq një problem, kur menaxheri kishte nevojë të merrte imazhe me përmasa të sakta për ngarkim në disa shërbime, sepse këto ishin kërkesat e tyre teknike. Shembuj, nëse kemi origjinalin e imazhit me përmasa 1200×1200, dhe gjatë rikonfigurimit ne shkruajmë diçka si ?resize=600×400, do të marrim një imazh të zvogëluar proporcionalisht në anën më të vogël, me përmasa 400×400. Po ashtu, nuk është e mundur të merrni një imazh me një rezolutë më të lartë (upscale). Pra, ?resize=1500×1500 do të kthejë të njëjtin imazh 1200×1200

Në ndihmë erdhi artikulli OpenResty: e trasformojmë NGINX në një server aplikacionesh të plotë për të kuptuar se si punon Nginx me Lua dhe vetë biblioteka për Lua isage/lua-imagick — lidhje mbushëse Lua për ImageMagick. Pse u zgjodh kjo zgjidhje dhe jo, le të themi, diçka në python — sepse është e shpejtë dhe e përshtatshme. As që do t'ju nevojitet të krijoni ndonjë skedar, gjithçka është direkt në konfigurimin e Nginx (nuk është e domosdoshme).

Pra, çfarë do të na nevojitet

Shembujt do të jepen mbi Debian.

Instalimi i nginx dhe nginx-extras

apt-get update
apt-get install nginx-extras

Instalimi i LuaJIT

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

Instalimi i imagemagick

apt-get -y install imagemagick

dhe bibliotekës magickwand për të, në rastin tim për versionin 6

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

Ndërtimi i lua-imagick

Klonin repozitorin (ose merrni zip dhe shkarkoni)

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

Nëse gjithçka shkoi mirë, mund të konfigurojmë Nginx.

Do të jap një shembull të konfigurimit të hostit backend, i cili, në thelb, merret me rikonfigurimin. Ai prokurohet nga serveri i përparëm gjithashtu me Nginx, ku ndodh cache për një periudhë të caktuar (një ditë) dhe gjëra të tjera.

konfigurimi i backend 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
    }
}

Ajo që kërkohej (shtrirja e imazhit në anët) ndodh përmes img:extent() dhe përcaktohet përmes parametrit r.Resize me shenjë + në fund.

Parametrat e mëposhtëm janë të disponueshëm:

• WxH (mbajeni raportin e aspektit, përdorni dimensionin më të lartë)
• WxH^ (mbajeni raportin e aspektit, përdorni dimensionin më të ulët (prerje))
• WxH! (injoroni raportin e aspektit)
• WxH+ (mbajeni raportin e aspektit, shtoni kufij anash)

Tabela përmbledhëse me rezultatet e rikonfigurimit

Parametri uri i kërkesës
Përmasat e imazhit dalës

?resize=400×200
200×200

?resize=400×200^
400×400

?resize=400×200!
400×200 (Jo proporcionalisht)

?resize=400×200+
400×200 (Proporcionalisht)

Përfundimi

Duke marrë parasysh të gjithë fuqinë dhe thjeshtësinë e këtij approach, mund të realizoni gjëra me logjikë mjaft të komplikuar, për shembull të shtoni watermark-e ose të realizoni autorizimin për akses të kufizuar. Për të mësuar për mundësitë e API-së për punë me imazhet, mund të referoheni në dokumentacionin e bibliotekës isage/lua-imagick

Burimi: habr.com