淘先锋技术网

首页 1 2 3 4 5 6 7


注:此文章是作为 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实现图片压缩完成。