Nginx рдФрд░ LuaJIT (OpenResty) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдордХреНрдЦреА рдкрд░ рдЫрд╡рд┐рдпреЛрдВ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓реЗрдВ

рдкрд┐рдЫрд▓реЗ рдХреБрдЫ рд╕рдордп рд╕реЗ, рдлреНрд▓рд╛рдИ рдкрд░ рдЫрд╡рд┐рдпреЛрдВ рдХрд╛ рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рд╡рд╛рд▓реЗ рд▓реЗрдЦ рд╕реЗ рдкреНрд░реЗрд░рд┐рдд рд╣реЛрдХрд░ , ngx_http_image_filter_module рдХреЗ рд╕рд╛рде рдЖрдХрд╛рд░ рдмрджрд▓рдиреЗ рд╡рд╛рд▓реА рдЫрд╡рд┐ рд╕реЗрдЯ рдХреА рдЧрдИ рдереА рдФрд░ рд╕рдмрдХреБрдЫ рдЬреИрд╕рд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛, рд╡реИрд╕рд╛ рд╣реА рдХрд╛рдо рдХрд┐рдпрд╛ред рд▓реЗрдХрд┐рди рдПрдХ рд╕рдорд╕реНрдпрд╛ рдереА рдЬрдм рдкреНрд░рдмрдВрдзрдХ рдХреЛ рдХреБрдЫ рд╕реЗрд╡рд╛рдУрдВ рдХреЛ рдЕрдкрд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдЯреАрдХ рдЖрдХрд╛рд░реЛрдВ рдХреЗ рд╕рд╛рде рдЪрд┐рддреНрд░ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдереА, рдХреНрдпреЛрдВрдХрд┐ рдпреЗ рдЙрдирдХреА рддрдХрдиреАрдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛рдПрдВ рдереАрдВред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрджрд┐ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЖрдХрд╛рд░ рдХреА рдПрдХ рдореВрд▓ рдЫрд╡рд┐ 1200x1200 рд╣реИ , рдФрд░ рдЖрдХрд╛рд░ рдмрджрд▓рддреЗ рд╕рдордп рд╣рдо рдХреБрдЫ рдРрд╕рд╛ рд▓рд┐рдЦрддреЗ рд╣реИрдВ ? рдЖрдХрд╛рд░ = 600x400 , рддреЛ рд╣рдореЗрдВ рд╕рдмрд╕реЗ рдЫреЛрдЯреЗ рдЖрдХрд╛рд░ рдореЗрдВ рдПрдХ рдЖрдиреБрдкрд╛рддрд┐рдХ рд░реВрдк рд╕реЗ рдХрдо рдЫрд╡рд┐ рдорд┐рд▓ рдЬрд╛рдПрдЧреА, рдЖрдХрд╛рд░ рдореЗрдВ 400x400 ред рдЙрдЪреНрдЪ рд░рд┐рдЬрд╝реЙрд▓реНрдпреВрд╢рди (upscale) рдХреЗ рд╕рд╛рде рдЫрд╡рд┐ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рднреА рдЕрд╕рдВрднрд╡ рд╣реИред рдЙрдиред ? рдЖрдХрд╛рд░ = 1500x1500 рд╕рднреА рдПрдХ рд╣реА рдЫрд╡рд┐ рдХреЛ рд╡рд╛рдкрд╕ рдХрд░реЗрдЧрд╛1200x1200


рдПрдХ OpenResty рд▓реЗрдЦ рдмрдЪрд╛рд╡ рдореЗрдВ рдЖрдпрд╛ : рд╣рдо рдПрдирдЬреАрдЖрдИрдПрдирдПрдХреНрд╕ рдХреЛ рдПрдХ рдкреВрд░реНрдг-рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╕рд░реНрд╡рд░ рдореЗрдВ рдмрджрд▓ рджреЗрддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рд╕рдордЭрдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдирдЧреНрдиреЗрдХреНрд╕ рд▓реБрдЖ рдХреЗ рд╕рд╛рде рдХреИрд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдФрд░ рд▓реБрдЖ рдЖрдЗрд╕рдЧреЗ / рд▓реБрдЖ-рдХрд▓реНрдкрдирд╛ рдХреЗ рд▓рд┐рдП рдкреБрд╕реНрддрдХрд╛рд▓рдп - рд▓реБрдЖ рдкреНрдпреЛрд░-рд╕реА рдмрд┐рдВрдЧрд┐рдВрдЧреНрд╕ рдЯреВ рдЗрдореЗрдЬрдореИрдЧрд┐рдХ ред рдЗрд╕ рддрд░рд╣ рдХреЗ рд╕рдорд╛рдзрд╛рди рдХреЛ рдХреНрдпреЛрдВ рдЪреБрдирд╛ рдЧрдпрд╛ рдерд╛, рдФрд░ рдирд╣реАрдВ, рдХрд╣рддреЗ рд╣реИрдВ, рдЕрдЬрдЧрд░ рдореЗрдВ рдХреБрдЫ - рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рддреЗрдЬ рдФрд░ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реИред рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдЖрдкрдХреЛ рдХрд┐рд╕реА рднреА рдлрд╛рдЗрд▓ рдХреЛ рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рдирдЧреАрдирдХреНрд╕ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди (рд╡реИрдХрд▓реНрдкрд┐рдХ) рдореЗрдВ рд╕рдм рдХреБрдЫ рд╕рд╣реА рд╣реИред


рддреЛ рд╣рдореЗрдВ рдХреНрдпрд╛ рдЪрд╛рд╣рд┐рдП


рдЙрджрд╛рд╣рд░рдг рдбреЗрдмрд┐рдпрди рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рджрд┐рдП рдЬрд╛рдПрдВрдЧреЗред


рдирдЧреАрдиреЗрдХреНрд╕ рдФрд░ рдирдЧреАрдиреЗ-рдПрдХреНрд╕рдЯреНрд░рд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ


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 рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред


backend , , , . Nginx, () . .


nginx backend config
# 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 (Keep aspect-ratio, use higher dimension)
  • WxH^ (Keep aspect-ratio, use lower dimension (crop))
  • WxH! (Ignore aspect-ratio)
  • WxH+ (Keep aspect-ratio, add side borders)


uri
?resize=400x200200x200
?resize=400x200^400x400
?resize=400x200!400x200 ( )
?resize=400x200+400x200 ()



рдЗрд╕ рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХреА рд╢рдХреНрддрд┐ рдФрд░ рд╕рд╛рджрдЧреА рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП, рдЖрдк рдЪреАрдЬреЛрдВ рдХреЛ рдПрдХ рдЬрдЯрд┐рд▓ рддрд░реНрдХ рдХреЗ рд╕рд╛рде рд▓рд╛рдЧреВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╡реЙрдЯрд░рдорд╛рд░реНрдХ рдЬреЛрдбрд╝реЗрдВ рдпрд╛ рд╕реАрдорд┐рдд рдкрд╣реБрдВрдЪ рдХреЗ рд╕рд╛рде рдкреНрд░рд╛рдзрд┐рдХрд░рдг рдХреЛ рд▓рд╛рдЧреВ рдХрд░реЗрдВред рдЫрд╡рд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдкреАрдЖрдИ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк рдЖрдЗрд╕реЗрдЬ / рд▓реБрдЖ-рдЗрдореЗрдЬрд┐рдХ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ рдкреНрд░рд▓реЗрдЦрди рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ


All Articles