使用FastDFS+Nginx+Lua+GraphicsMagick搭建类似淘宝的图片服务器
注:此文章是作为 Docker+FastDFS+Nginx+Lua搭建文件服务器,并实现图片缩略图的补充,新增定高或定宽裁切模式。
1、FastDFS安装
1.1、镜像下载
docker pull delron/fastdfs
1.2、开启tracker容器
docker run -d --restart=always --network=host \
-v /home/u01/fastdfs/tracker:/var/fdfs \
--name tracker delron/fastdfs tracker
注:使用【-v】将tracker运行目录映射到宿主机的/home/u01/fastdfs/tracker
目录中
1.3、开启storage容器
docker run -d --restart=always --network=host --name storage \
-e TRACKER_SERVER=192.168.0.30:22122 \
-v /home/u01/fastdfs/storage/data:/var/fdfs/data \
-v /home/u01/fastdfs/storage/thumb:/var/fdfs/thumb \
-v /home/u01/fastdfs/storage/logs:/var/fdfs/logs \
-v /home/u01/fastdfs/storage/conf/storage.conf:/etc/fdfs/storage.conf \
-v /home/u01/fastdfs/storage/conf/nginx.conf:/usr/local/nginx/conf/nginx.conf \
-e GROUP_NAME=group1 \
delron/fastdfs storage
注:
1、使用【-v】将storage运行目录映射到宿主机的/home/u01/fastdfs/storage
目录中
2、TRACKER_SERVER=本机的ip地址:22122
本机ip地址不要使用127.0.0.1
1.4、测试
1.4.1、进入storage容器
docker exec -it storage /bin/bash
1.4.2、随便下载一张图片
wget https://img-blog.csdnimg.cn/2020050914073364.jpg
1.4.3、上传图片至FastDFS
/usr/bin/fdfs_upload_file /etc/fdfs/client.conf 2020050914073364.jpg
注:此处上传完成后会返回图片路径
1.4.4、图片预览
http://192.168.0.30:8888/group1/M00/00/16/wKgAHl7FIg2AbG4BAAFBiU9yeyQ505.jpg
2、FastDFS集成Nginx+lua+GraphicsMagick
2.1、依赖包下载
本人已整理好FastDFS整合Nginx+lua+GraphicsMagick所需要的依赖包,包含:
ngx_devel_kit
lua-nginx-module-0.10.9rc7
fastdfs-nginx-module-master
LuaJIT-2.0.4
ua-5.3.1
GraphicsMagick-1.3.18
autoSize.lua 定高或定宽模式裁切图片处理lua脚本
cropSize.lua 固定高宽模式裁切图片处理lua脚本
下载地址:
链接: https://pan.baidu.com/s/1bRSK240OAIM5WbC0VZ6e7Q 密码: mm6f
下载完成后将src.zip
上传至storage容器下的/usr/local目录中备用。
具体操作:
1、下载src_v2.0.zip
2、使用ftp工具上传到宿主机
3、在宿主机src_v2.0.zip的目录中使用docker cp ./src_v2.0.zip storage:/usr/local
命令将src_v2.0.zip复制到容器中
至此,FastDFS整合Nginx+lua+GraphicsMagick所需要的依赖包完全准备完毕,然后开始进行下一步的安装操作。
2.2、安装软件基础包
# 进入storage容器
docker exec -it storage /bin/bash
yum install -y gcc gcc-c++ zlib zlib-devel openssl openssl-devel pcre pcre-devel gd-devel
yum install -y libpng libjpeg libpng-devel libjpeg-devel ghostscript libtiff libtiff-devel freetype freetype-devel readline-devel ncurses-devel
2.3、依赖安装
1、进入/usr/local目录
cd /usr/local
2、解压缩src_v2.0.zip
unzip src_v2.0.zip
3、进入src目录
cd src
4、安装LuaJIT
cd /usr/local/src/LuaJIT-2.0.4
make && make install
export LUAJIT_LIB=/usr/local/lib
export LUAJIT_INC=/usr/local/include/luajit-2.0
ln -s /usr/local/lib/libluajit-5.1.so.2 /lib64/libluajit-5.1.so.2
5、安装Lua
cd /usr/local/src/lua-5.3.1
make linux && make install
6、安装GM
cd /usr/local/src/GraphicsMagick-1.3.18
./configure --prefix=/usr/local/GraphicsMagick-1.3.18 --enable-shared
make && make install
ln -s /usr/local/GraphicsMagick-1.3.18 /usr/local/GraphicsMagick
7、安装Nginx
fastdfs的镜像中自带了nginx-1.12.2,所以我们直接使用自带的Nginx,如果有需要其它版本的小伙伴,可以自己根据需求下载响应版本的Nginx,后续操作完成一致。
注:安装前请记得先停止Nginx服务。
# 停止Nginx服务
/usr/local/nginx/sbin/nginx -s stop
# 进入Nginx目录
cd /tmp/nginx/nginx-1.12.2
./configure --prefix=/usr/local/nginx \
--with-http_ssl_module \
--with-http_flv_module \
--with-http_stub_status_module \
--with-http_gzip_static_module \
--with-http_realip_module \
--add-module=/usr/local/src/fastdfs-nginx-module-master/src \
--with-pcre \
--add-module=/usr/local/src/lua-nginx-module-0.10.9rc7 \
--add-module=/usr/local/src/ngx_devel_kit \
--with-stream
make
make install
至此,依赖包安装完成。
2.4、配置Lua脚本实现图片缩略图
因为src_v2.0.zip的包中已经包含了lua脚本,所以可以省去编写lua脚本的步骤。只需要通过修改nginx的配置文件,即可实现lua脚本的调用。
2.5、修改nginx.conf配置
# 编辑nginx.conf
vi /usr/local/nginx/conf/nginx.conf
user root;
server {
listen 8888;
server_name localhost;
set $img_thumbnail_root /var/fdfs/thumb; #缩略图保存的根目录
set $img_file $img_thumbnail_root$uri; #缩略图路径
# like:/xx/xx/xx.jpg_100-.jpg or /xx/xx/xx.jpg_-100.jpg
location ~* ^(\/(\w+)(\/M00)(.+\.(jpg|jpeg|gif|png)))_((\d+\-)|(\-\d+))\.(jpg|jpeg|gif|png)$ {
root $img_thumbnail_root; # root path for croped img
set $fdfs_group_root /var/fdfs/data; #图片存放目录
if (!-f $img_file) { # if thumb file not exists
add_header X-Powered-By 'Nginx+Lua+GraphicsMagick By Yanue'; # header for test
add_header file-path $request_filename; # header for test
set $request_filepath $fdfs_group_root$4; # origin_img full path:/document_root/1.gif
set $img_size $6; # img width or height size depends on uri : img size like "-100" or "100-", "-" means auto size
set $img_ext $5; # file ext
content_by_lua_file /usr/local/src/lua/autoSize.lua; # load auto width or height crop Lua file
}
}
# like:/pic/M00/xx/xx/xx.jpg_200x100.jpg
location ~* ^(\/(\w+)(\/M00)(.+\.(jpg|jpeg|gif|png))_(\d+)+x(\d+)+\.(jpg|jpeg|gif|png))$ {
root $img_thumbnail_root; # root path for croped img
set $fdfs_group_root /var/fdfs/data; #set fastdfs group path $2
if (!-f $img_file) { # if thumb file not exists
add_header X-Powered-By 'Nginx+Lua+GraphicsMagick By Yanue'; # header for test
add_header file-path $request_filename; # header for test
set $request_filepath $fdfs_group_root$4; # real file path
set $img_width $6; # img width
set $img_height $7; # img height
set $img_ext $5; # file ext
content_by_lua_file /usr/local/src/lua/cropSize.lua; # load crop Lua file
}
}
location ~/group[0-9]/ {
ngx_fastdfs_module;
}
location = /favicon.ico {
log_not_found off;
access_log off;
}
}
修改完成后重新启动nginx
# 启动命令
/usr/local/nginx/sbin/nginx
# 查看日志
tail -f /usr/local/nginx/logs/error.log
2.6、缩略图测试
固定高度宽度测试:
http://192.168.0.30:8888/group1/M00/00/16/wKgAHl7FIg2AbG4BAAFBiU9yeyQ505.jpg_200x100.jpg
固定高度测试:
http://192.168.0.30:8888/group1/M00/00/16/wKgAHl7FIg2AbG4BAAFBiU9yeyQ505.jpg_-200.jpg
固定宽度测试:
http://192.168.0.30:8888/group1/M00/00/16/wKgAHl7FIg2AbG4BAAFBiU9yeyQ505.jpg_200-.jpg
至此,FastDFS集成Nginx+lua+GraphicsMagick实现图片压缩完成。