ფრენის დროს სურათების ზომის შეცვლა Nginx-ისა და LuaJIT-ის (OpenResty) გამოყენებით

უკვე საკმაოდ დიდი ხანია, სტატიით შთაგონებული შეცვალეთ სურათების ზომა სურათის ზომის შეცვლა კონფიგურირებული იყო გამოყენებით ngx_http_image_filter_module და ყველაფერი ისე მუშაობდა, როგორც უნდა. მაგრამ ერთი პრობლემა გაჩნდა, როდესაც მენეჯერს სჭირდებოდა ზუსტი ზომების სურათების მიღება ზოგიერთ სერვისზე ასატვირთად, რადგან... ეს იყო მათი ტექნიკური მოთხოვნები. მაგალითად, თუ გვაქვს ზომის ორიგინალური გამოსახულება 1200 × 1200და ზომის შეცვლისას ვწერთ რაღაცას ზომა=600×400, მაშინ ვიღებთ პროპორციულად შემცირებულ სურათს ყველაზე პატარა კიდეზე, ზომაზე 400 × 400. ასევე შეუძლებელია უფრო მაღალი გარჩევადობის (upscale) გამოსახულების მიღება. იმათ. ზომა=1500×1500 დააბრუნებს იგივე სურათს 1200 × 1200

ეს სტატია მოვიდა სამაშველოში OpenResty: NGINX-ის სრულფასოვან აპლიკაციის სერვერად გადაქცევა იმის გაგება, თუ როგორ მუშაობს Nginx ლუასთან და თავად ბიბლიოთეკა ლუასთან isage/lua-imagick - Lua pure-c აკავშირებს ImageMagick-ს. რატომ აირჩიეს ეს გამოსავალი და არა, ვთქვათ, რაღაც პითონში - იმიტომ, რომ ის სწრაფი და მოსახერხებელია. თქვენ არც კი გჭირდებათ რაიმე ფაილის შექმნა, ყველაფერი სწორია 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

და ბიბლიოთეკები ჯადოსნური კვერთხი მას, ჩემს შემთხვევაში მე-6 ვერსიისთვის

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

ლუა-იმაგიკის აგება

ჩვენ ვაკლებთ საცავს (ან ავიღებთ zip-ს და ვხსნით მას)

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

თუ ყველაფერი კარგად წავიდა, შეგიძლიათ Nginx-ის კონფიგურაცია.

მე მივცემ მაგალითს backend ჰოსტის კონფიგურაციის შესახებ, რომელიც, ფაქტობრივად, პასუხისმგებელია ზომის შეცვლაზე. იგი პროქსირდება წინა სერვერის მიერ, ასევე Nginx-ით, სადაც ქეშირება ხდება გარკვეული პერიოდის განმავლობაში (დღეებში) და სხვა რამ.

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

?resize=400×200^
400 × 400

?resize=400×200!
400×200 (არაპროპორციული)

?resize=400×200+
400×200 (პროპორციული)

სულ

ამ მიდგომის სიმძლავრისა და სიმარტივის გათვალისწინებით, თქვენ შეგიძლიათ განახორციელოთ საგნები საკმაოდ რთული ლოგიკით, მაგალითად, დაამატოთ წყლის ნიშნები ან განახორციელოთ ავტორიზაცია შეზღუდული წვდომით. იმისათვის, რომ გაეცნოთ API-ს სურათებთან მუშაობის შესაძლებლობებს, შეგიძლიათ მიმართოთ ბიბლიოთეკის დოკუმენტაციას isage/lua-imagick

წყარო: www.habr.com