لبعض الوقت الآن ، مستوحاة من المقالة Resizing Images on the Fly ، تم تغيير حجم الصورة باستخدام 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. لماذا تم اختيار هذا الحل ، وليس ، على سبيل المثال ، شيء في الثعبان - لأنه سريع ومريح. لا تحتاج حتى إلى إنشاء أي ملفات ، فكل شيء على ما يرام في تهيئة Nginx (اختياري).
إذا ماذا نحتاج
سيتم تقديم الأمثلة بناءً على دبيان.
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
والمكتبات السحرية لها ، في حالتي للنسخة 6
apt-cache search libmagickwand
apt-get -y install libmagickwand-6.q16-3 libmagickwand-6.q16-dev
بناء Lua-imagick
نقوم باستنساخ المستودع (حسنًا ، أو نأخذ الرمز وفك ضغطه)
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
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;
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;
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 imageserver {
server localhost:8082;
}
server {
listen 80;
server_name examaple.lh;
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;
}
}
, ( ) 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)
نظرًا لقوة وبساطة هذا النهج ، يمكنك تنفيذ الأشياء بمنطق معقد إلى حد ما ، على سبيل المثال ، إضافة علامة مائية أو تنفيذ التفويض مع وصول محدود. من أجل معرفة إمكانيات API للعمل مع الصور ، يمكنك الرجوع إلى وثائق مكتبة isage / lua-imagick مكتبة