2015年8月29日土曜日

ec2にngx_small_lightを使用して、画像のリサイズ(縮小・拡大)をする画像サーバを立てる的なお話

  • このエントリーをはてなブックマークに追加

前回、nginx_image_filterで画像のリサイズをするっていう記事を書いたけど、
前回の記事だと元画像よりも大きく拡大したいという事が出来ないという問題が発生してしまう。
なのでこれを解決するにはngx_small_lightというnginxのモジュールを使用することで可能になる。

けどこれを使うにはnginxの再コンパイルが必要になるという感じで中々に面倒なので、
今回はngx_small_lightを入れてnginxを再コンパイルして、small_lightで変換するまでのお話をば。

■ngx_small_lightをコンパイルするためのツールのインストール

# yum groupinstall -y "Development Tools"
# yum install -y git
# yum -y install libunwind perl-ExtUtils-Embed gperftools gperftools-libs gperftools-devel libxslt libxslt-devel GeoIP GeoIP-devel


■ngx_small_lightに必要なパッケージのインストール

# yum install -y pcre-devel zlib-devel openssl-devel gd-devel
# yum install -y ImageMagick ImageMagick-devel
# yum install http://pkgs.repoforge.org/imlib2/imlib2-1.4.4-1.el6.rf.x86_64.rpm http://pkgs.repoforge.org/imlib2/imlib2-devel-1.4.4-1.el6.rf.x86_64.rpm


■nginxをダウンロード

# cd /usr/local/sbin
# wget http://nginx.org/download/nginx-1.9.3.tar.gz
# tar zxfv nginx-1.9.3.tar.gz
# cd nginx-1.9.3


■ngx_small_lightをダウンロード

# git clone https://github.com/cubicdaiya/ngx_small_light.git
# cd ngx_small_light/
# ./setup --with-imlib2 --with-gd # enable ImageMagick and Imlib2 and GD
# ngx_small_light=`pwd`
# cd ..


■ngx_small_lightを含んだnginxをコンパイル

# ./configure \
--add-module=$ngx_small_light \
--prefix=/usr/local/nginx \
--sbin-path=/usr/sbin/nginx \
--conf-path=/etc/nginx/nginx.conf \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--http-client-body-temp-path=/var/lib/nginx/tmp/client_body \
--http-proxy-temp-path=/var/lib/nginx/tmp/proxy \
--http-fastcgi-temp-path=/var/lib/nginx/tmp/fastcgi \
--http-uwsgi-temp-path=/var/lib/nginx/tmp/uwsgi \
--http-scgi-temp-path=/var/lib/nginx/tmp/scgi \
--pid-path=/var/run/nginx.pid \
--lock-path=/var/lock/subsys/nginx \
--user=nginx \
--group=nginx \
--with-file-aio \
--with-ipv6 \
--with-http_ssl_module \
--with-http_spdy_module \
--with-http_realip_module \
--with-http_addition_module \
--with-http_xslt_module \
--with-http_image_filter_module \
--with-http_geoip_module \
--with-http_sub_module \
--with-http_dav_module \
--with-http_flv_module \
--with-http_mp4_module \
--with-http_gunzip_module \
--with-http_gzip_static_module \
--with-http_random_index_module \
--with-http_secure_link_module \
--with-http_degradation_module \
--with-http_stub_status_module \
--with-http_perl_module \
--with-mail \
--with-mail_ssl_module \
--with-pcre \
--with-google_perftools_module \
--with-debug \
--with-cc-opt='-O2 -g -pipe -Wall -Wp,-D_FORTIFY_SOURCE=2 -fexceptions -fstack-protector --param=ssp-buffer-size=4 -m64 -mtune=generic' \
--with-ld-opt=' -Wl,-E'
# make
# make install
ec2と同じ設定で行うために大量にconfigureの記述。


■/etc/init.d/nginxの作成

# vi /etc/init.d/nginx
---------- ここから ----------
#!/bin/sh
#
# nginx - this script starts and stops the nginx daemon
#
# chkconfig:   - 85 15
# description:  Nginx is an HTTP(S) server, HTTP(S) reverse \
#               proxy and IMAP/POP3 proxy server
# processname: nginx
# config:      /etc/nginx/nginx.conf
# config:      /etc/sysconfig/nginx
# pidfile:     /var/run/nginx.pid

# Source function library.
. /etc/rc.d/init.d/functions

# Source networking configuration.
. /etc/sysconfig/network

# Check that networking is up.
[ "$NETWORKING" = "no" ] && exit 0

nginx="/usr/sbin/nginx"
prog=$(basename $nginx)

sysconfig="/etc/sysconfig/$prog"
lockfile="/var/lock/subsys/nginx"
pidfile="/var/run/${prog}.pid"

NGINX_CONF_FILE="/etc/nginx/nginx.conf"

[ -f $sysconfig ] && . $sysconfig


start() {
    [ -x $nginx ] || exit 5
    [ -f $NGINX_CONF_FILE ] || exit 6
    echo -n $"Starting $prog: "
    daemon $nginx -c $NGINX_CONF_FILE
    retval=$?
    echo
    [ $retval -eq 0 ] && touch $lockfile
    return $retval
}

stop() {
    echo -n $"Stopping $prog: "
    killproc -p $pidfile $prog
    retval=$?
    echo
    [ $retval -eq 0 ] && rm -f $lockfile
    return $retval
}

restart() {
    configtest_q || return 6
    stop
    start
}

reload() {
    configtest_q || return 6
    echo -n $"Reloading $prog: "
    killproc -p $pidfile $prog -HUP
    echo
}

configtest() {
    $nginx -t -c $NGINX_CONF_FILE
}

configtest_q() {
    $nginx -t -q -c $NGINX_CONF_FILE
}

rh_status() {
    status $prog
}

rh_status_q() {
    rh_status >/dev/null 2>&1
}

# Upgrade the binary with no downtime.
upgrade() {
    local oldbin_pidfile="${pidfile}.oldbin"

    configtest_q || return 6
    echo -n $"Upgrading $prog: "
    killproc -p $pidfile $prog -USR2
    retval=$?
    sleep 1
    if [[ -f ${oldbin_pidfile} && -f ${pidfile} ]];  then
        killproc -p $oldbin_pidfile $prog -QUIT
        success $"$prog online upgrade"
        echo 
        return 0
    else
        failure $"$prog online upgrade"
        echo
        return 1
    fi
}

# Tell nginx to reopen logs
reopen_logs() {
    configtest_q || return 6
    echo -n $"Reopening $prog logs: "
    killproc -p $pidfile $prog -USR1
    retval=$?
    echo
    return $retval
}

case "$1" in
    start)
        rh_status_q && exit 0
        $1
        ;;
    stop)
        rh_status_q || exit 0
        $1
        ;;
    restart|configtest|reopen_logs)
        $1
        ;;
    force-reload|upgrade) 
        rh_status_q || exit 7
        upgrade
        ;;
    reload)
        rh_status_q || exit 7
        $1
        ;;
    status|status_q)
        rh_$1
        ;;
    condrestart|try-restart)
        rh_status_q || exit 7
        restart
     ;;
    *)
        echo $"Usage: $0 {start|stop|reload|configtest|status|force-reload|upgrade|restart|reopen_logs}"
        exit 2
esac
---------- ここまで ----------
# chmod 755 /etc/init.d/nginx
# chkconfig --add nginx
# chkconfig --list nginx
# chkconfig nginx on


■nginx.confの編集

# vi /etc/nginx/nginx.conf
---------- ここから ----------
#user  nobody;
worker_processes  10;

error_log  /var/log/nginx/error.log;
#error_log  /var/log/nginx/error.log  notice;
#error_log  /var/log/nginx/error.log  info;

pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    include ./conf.d/*.conf;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
}
---------- ここまで ----------


■logを格納するフォルダの作成

# mkdir /var/log/nginx


■/etc/nginx/conf.d/virtual.confの作成そして起動

# mkdir /etc/nginx/conf.d/
# vi /etc/nginx/conf.d/virtual.conf
---------- ここから ----------
#
# A virtual host using mix of IP-, name-, and port-based configuration
#

server {
  listen 80;
  server_name www.hogehoge.com;
  root /var/www/html/;

  small_light on;
  small_light_pattern_define low dw=320,ds=s,q=100,jpeghint=y;
  small_light_pattern_define medium dw=640,ds=s,q=100,jpeghint=y;
  small_light_pattern_define high dw=960,ds=s,q=100,jpeghint=y;
  small_light_pattern_define thum dw=150,dh=150,cw=150,ch=150,da=s,ds=s,q=100,jpeghint=y;

  location ~* ^/resize/(low|medium|high|thum)/(.*)$ {
    set $type $1;
    set $file $2;

    set $engine "imagemagick";

    proxy_pass http://127.0.0.1/small_light(p=$type,e=$engine)/img_folder/$file;
  }

  location ~ ^/small_light[^/]*/img_folder/(.+)$ {
    set $file $1;

    proxy_pass http://hogehoge.s3.amazonaws.com;

    rewrite ^ /img_folder/$file break;
  }

  location / {
    proxy_set_header Host               $host;
    proxy_set_header X-RealIP           $remote_addr;
    proxy_set_header X-Forwarded-Host   $host;
    proxy_set_header X-Forwarded-Server $host;
    proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
    proxy_pass  http://localhost:8080;
  }
}
---------- ここまで ----------
#service nginx start


ってな感じでやるとngx_small_lightをmoduleとして入れたnginxの再コンパイルをし、
さらにs3に入れた画像をngx_small_lightによってリサイズするというものが出来る。
特に変なこだわりが無ければ、この手順通りにやると問題はないんじゃないかと。

ちなみに他のサイトなどを見てると、RHEL環境にて入れようとしてる場合が多く、
その場合とAmazon Linuxの場合は/etc/init.d/nginxが違うので要注意。
そのままservice nginx startとやろうと思っても下記のようなエラーが出てしまう。

/etc/init.d/nginx: line 2: =: command not found
/etc/init.d/nginx: line 3: Should: command not found
/etc/init.d/nginx: line 5: Save: command not found
/etc/init.d/nginx: line 7: syntax error near unexpected token `newline'
/etc/init.d/nginx: line 7: `'
なのでネットで他のサイトなどを見て行うのもいいけど、ちゃんと自分の環境と照らし合わせる必要あり。
ということでこれを使うとかなり簡単に画像の縮小やら拡大が出来るのでおすすめみたいな。

Adsense