使用 Nginx 和 LuaJIT (OpenResty) 動態調整影像大小

很長一段時間以來，受到這篇文章的啟發 動態調整圖像大小 影像調整大小是使用配置的 ngx_http_image_filter_module 一切都按預期進行。 但是，當經理需要接收具有精確尺寸的圖像以上傳到某些服務時，出現了一個問題，因為... 這些是他們的技術要求。 例如，如果我們有一個大小為 1200×1200，當調整大小時，我們會寫出類似的內容 ?調整大小=600×400，然後我們得到沿最小邊緣按比例縮小的圖像，尺寸 400×400。 也不可能獲得更高解析度（高檔）的影像。 那些。 ?調整大小=1500×1500 將返回相同的圖像 1200×1200

這篇文章來拯救 OpenResty：將 NGINX 轉變為成熟的應用服務器 了解 Nginx 如何與 Lua 配合使用以及 Lua 的庫本身 isage/lua-imagick - Lua pure-c 與 ImageMagick 的綁定。 為什麼選擇這個解決方案，而不是 python 中的解決方案 - 因為它快速且方便。 你甚至不需要建立任何文件，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

建構 lua-imagick

我們克隆存儲庫（或獲取 zip 並解壓縮它）

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^（保持縱橫比，使用較低尺寸（裁切））
• 寬x高！ （忽略縱橫比）
• WxH+（保持縱橫比，新增側邊邊框）

包含調整大小結果的總表

請求uri參數
輸出影像尺寸

?調整大小=400×200
200×200

?調整大小=400×200^
400×400

?調整大小=400×200！
400×200（非比例）

?調整大小=400×200+
400×200（比例）

總

考慮到這種方法的強大功能和簡單性，您可以實現具有相當複雜邏輯的事物，例如，添加浮水印或實施具有有限存取權限的授權。 為了了解 API 處理圖像的功能，您可以參考庫文檔 isage/lua-imagick

來源： www.habr.com