かなり前から、この記事に触発されて
この記事が役に立ちました
それで、何が必要ですか
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^ (アスペクト比を維持し、より低い寸法を使用 (トリミング))
- W×H! (アスペクト比を無視します)
- WxH+ (アスペクト比を維持し、サイドボーダーを追加)
サイズ変更結果をまとめた表
リクエストの URI パラメータ
出力画像サイズ
?リサイズ=400×200
200x200
?resize=400×200^
400x400
?サイズ変更=400×200!
400×200(非比例)
?resize=400×200+
400×200(比例)
合計
このアプローチの強力さとシンプルさを考慮すると、透かしの追加やアクセスを制限した承認の実装など、非常に複雑なロジックを実装することができます。 画像を操作するための API の機能を確認するには、ライブラリのドキュメントを参照してください。
出所: habr.com