Nginx ਅਤੇ LuaJIT (OpenResty) ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਫਲਾਈ 'ਤੇ ਚਿੱਤਰਾਂ ਦਾ ਆਕਾਰ ਬਦਲੋ

ਹੁਣ ਕਾਫ਼ੀ ਦੇਰ ਲਈ, ਲੇਖ ਦੁਆਰਾ ਪ੍ਰੇਰਿਤ ਫਲਾਈ 'ਤੇ ਚਿੱਤਰ ਦਾ ਆਕਾਰ ਬਦਲਣਾ ਚਿੱਤਰ ਨੂੰ ਮੁੜ-ਆਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸੰਰਚਿਤ ਕੀਤਾ ਗਿਆ ਸੀ ngx_http_image_filter_module ਅਤੇ ਸਭ ਕੁਝ ਉਸੇ ਤਰ੍ਹਾਂ ਕੰਮ ਕੀਤਾ ਜਿਵੇਂ ਇਹ ਹੋਣਾ ਚਾਹੀਦਾ ਸੀ। ਪਰ ਇੱਕ ਸਮੱਸਿਆ ਉਦੋਂ ਪੈਦਾ ਹੋਈ ਜਦੋਂ ਪ੍ਰਬੰਧਕ ਨੂੰ ਕੁਝ ਸੇਵਾਵਾਂ 'ਤੇ ਅੱਪਲੋਡ ਕਰਨ ਲਈ ਸਹੀ ਮਾਪਾਂ ਵਾਲੇ ਚਿੱਤਰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਲੋੜ ਸੀ, ਕਿਉਂਕਿ... ਇਹ ਉਹਨਾਂ ਦੀਆਂ ਤਕਨੀਕੀ ਲੋੜਾਂ ਸਨ। ਉਦਾਹਰਨ ਲਈ, ਜੇਕਰ ਸਾਡੇ ਕੋਲ ਆਕਾਰ ਦਾ ਇੱਕ ਅਸਲੀ ਚਿੱਤਰ ਹੈ 1200 × 1200, ਅਤੇ ਰੀਸਾਈਜ਼ ਕਰਦੇ ਸਮੇਂ ਅਸੀਂ ਕੁਝ ਅਜਿਹਾ ਲਿਖਦੇ ਹਾਂ ?ਰੀਸਾਈਜ਼=600×400, ਫਿਰ ਸਾਨੂੰ ਸਭ ਤੋਂ ਛੋਟੇ ਕਿਨਾਰੇ, ਆਕਾਰ ਦੇ ਨਾਲ ਅਨੁਪਾਤਕ ਤੌਰ 'ਤੇ ਘਟਾਇਆ ਗਿਆ ਚਿੱਤਰ ਮਿਲਦਾ ਹੈ 400 × 400. ਉੱਚ ਰੈਜ਼ੋਲਿਊਸ਼ਨ (ਉੱਪਸਕੇਲ) ਨਾਲ ਚਿੱਤਰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਵੀ ਅਸੰਭਵ ਹੈ। ਉਹ. ?ਰੀਸਾਈਜ਼=1500×1500 ਉਹੀ ਚਿੱਤਰ ਵਾਪਸ ਕਰੇਗਾ 1200 × 1200

ਇਹ ਲੇਖ ਬਚਾਅ ਲਈ ਆਇਆ ਸੀ ਓਪਨਰੇਸਟੀ: NGINX ਨੂੰ ਇੱਕ ਪੂਰੇ ਐਪਲੀਕੇਸ਼ਨ ਸਰਵਰ ਵਿੱਚ ਬਦਲਣਾ ਇਹ ਸਮਝਣ ਲਈ ਕਿ Nginx Lua ਨਾਲ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ ਅਤੇ ਲੁਆ ਲਈ ਖੁਦ ਲਾਇਬ੍ਰੇਰੀ isage/lua-imagick - ਲੂਆ ਸ਼ੁੱਧ-ਸੀ ਚਿੱਤਰਮੈਗਿਕ ਨਾਲ ਬਾਈਡਿੰਗ। ਇਹ ਹੱਲ ਕਿਉਂ ਚੁਣਿਆ ਗਿਆ ਸੀ, ਅਤੇ ਕਹੋ, ਪਾਇਥਨ ਵਿੱਚ ਕੁਝ ਨਹੀਂ - ਕਿਉਂਕਿ ਇਹ ਤੇਜ਼ ਅਤੇ ਸੁਵਿਧਾਜਨਕ ਹੈ। ਤੁਹਾਨੂੰ ਕੋਈ ਵੀ ਫਾਈਲਾਂ ਬਣਾਉਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, Nginx ਸੰਰਚਨਾ (ਵਿਕਲਪਿਕ) ਵਿੱਚ ਸਭ ਕੁਝ ਸਹੀ ਹੈ।

ਇਸ ਲਈ ਸਾਨੂੰ ਕੀ ਚਾਹੀਦਾ ਹੈ

ਡੇਬੀਅਨ ਦੇ ਆਧਾਰ 'ਤੇ ਉਦਾਹਰਨਾਂ ਦਿੱਤੀਆਂ ਜਾਣਗੀਆਂ।

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

ਇਮੇਜਮੈਗਿਕ ਇੰਸਟਾਲ ਕਰਨਾ

apt-get -y install imagemagick

ਅਤੇ ਲਾਇਬ੍ਰੇਰੀਆਂ magickwand ਇਸਦੇ ਲਈ, ਮੇਰੇ ਕੇਸ ਵਿੱਚ ਸੰਸਕਰਣ 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+ (ਪਹਿਲੂ-ਅਨੁਪਾਤ ਰੱਖੋ, ਸਾਈਡ ਬਾਰਡਰ ਜੋੜੋ)

ਰੀਸਾਈਜ਼ ਨਤੀਜਿਆਂ ਦੇ ਨਾਲ ਸੰਖੇਪ ਸਾਰਣੀ

ਯੂਰੀ ਪੈਰਾਮੀਟਰ ਦੀ ਬੇਨਤੀ ਕਰੋ
ਆਉਟਪੁੱਟ ਚਿੱਤਰ ਦਾ ਆਕਾਰ

?ਰੀਸਾਈਜ਼=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