おすすめ！ サーバーでwebページのスクリーンショットを取る MozShot インストール

yum grouplist
yum groupinfo "X Window System"
yum upgrade xorg-x11-xfs
yum upgrade xorg-x11
yum upgrade xorg-x11-devel
yum upgrade xorg-x11-libs
yum groupupdate "X Window System"
yum upgrade xorg-x11-libs
yum install xorg-x11-Xvfb
yum install firefox



# ダウンロード
svn checkout http://svn.arege.jp/repos/mozshot/trunk mozshot

# mv trunk /usr/local/src/

# chmod +x /usr/local/src/trunk/mozshot.rb

# ln -s /usr/local/src/trunk/mozshot.rb /usr/local/bin/mozshot.rb

MozShot で必要なものをインストールする。
２ ruby を yum でインストール。

# yum install ruby ruby-gnome2 ruby-gtkmozembed

３ Xvfb 仮想フレームバッファ を yum でインストール。

# yum -y install Xvfb

４ サーバー環境であれば firefox を yum でインストール。

# yum -y install firefox

５ 仮想フレームを常時起動させるのであれば ※ 手動は ６ を参照

# vi /etc/rc.d/init.d/xvfb

-------------------------ここから-------------------------

#!/bin/bash
#
# chkconfig: - 91 35
# description: Starts and stops XVfb. \
# used to provide virtual frame buffer.

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

prog=$"Xvfb"

# Xvfb program
XVFB=/usr/bin/Xvfb

start() {
echo -n $"Starting $prog: "
daemon /usr/bin/Xvfb :1 -screen 0 1024x800x24 &
echo
}

stop() {
echo -n $"Shutting down $prog: "
killproc Xvfb
echo
}

# See how we were called.
case "$1" in
start)
start
;;
stop)
stop
;;
restart|reload)
stop
start
;;
*)
echo $"Usage: $0 {start|stop|restart}"
exit 1
esac

exit 0

-------------------------ここまで-------------------------

※ 1024x1024x24 は好きなサイズに変更してください。
　 :1 は仮想ディスプレイ番号

# chmod 755 /etc/rc.d/init.d/xvfb

# /etc/rc.d/init.d/xvfb start

※ スタートさせたときにフォント系のエラーが出るかもしれませんが、取り合えず無視です。

# /sbin/chkconfig --add xvfb

# /sbin/chkconfig xvfb on

# /sbin/chkconfig --list xvfb
xvfb 0:off 1:off 2:on 3:on 4:on 5:on 6:off

６ 仮想フレームを手動起動させるのであれば

起動するときは
# /usr/bin/Xvfb :1 -screen 0 1024x800x24 &

止めるときは
# killall Xvfb

※ 1024x800x24 は好きなサイズに変更してください。
　 :1 は仮想ディスプレイ番号

MozShot側のサイズを変更するときは
# vi /usr/local/src/trunk/mozshot.rb

-------------------------ここから-------------------------

@opt = { :mozprofdir => "/home/server/.mozilla/mozshot",
:winsize => [1024, 800], :imgsize => [], ← 34行め付近
:timeout => 30, :imgformat => "png",
:keepratio => true, :shot_timeouted => false,
:retry => 0 }

-------------------------ここまで-------------------------

1024, 800 を変更する。

以上です。
これで環境が整いました。

簡単な説明です。
手動でサムネイルをとるとき

この色の文字は、スクリーンショットをとるサイトのURL
この色の文字は、スクリーンショットをとるサイトの画像名

なので、こんな感じ
$ mozshot.rb サイトURL 画像名

画像名を省略すれば、mozshot.png で作成される。

一連の流れはこんな感じ

仮想ディスプレイ番号を指定する。
$ export DISPLAY=:1.0

WEBサムネイル作成
$ mozshot.rb http://server.lunq.net/ server.png
Using profile proc-32331
Loading: http://server.lunq.net, opt: {:imgsize=>[], :timeout=>30, :imgformat=>"
png", :keepratio=>true, :mozprofdir=>"/home/server/.mozilla/mozshot", :shot_time
outed=>false, :winsize=>[1024, 800], :retry=>0}
Load Done.

できているかの確認
$ ll server.png
-rw-rw-r-- 1 server server 242843 2008-06-12 11:00 server.png

自動で複数のサイトのスクリーンショットをとるとき

まずスクリプトを作成する。
# vi webshot.sh

-------------------------ここから-------------------------

#!/bin/bash

export DISPLAY=:1.0

# カレントディレクトリのファイル名リストを配列に格納
files=(`cat ./weblist`)

# インデックスに @ を指定して、全ての要素を for 文の値リストに指定
for file in ${files[@]}
do

# URLから名前を作成
name=`echo $name | sed 's/http://g'`
name=`echo $file | sed 's/\///g'`
name=`echo $name | sed -e "s/\./_/g"`
name=`echo $name | sed -e "s/~/-/g"`

/usr/local/bin/mozshot.rb $file $name.png

done

exit 0

-------------------------ここまで-------------------------

実行権付与
# chmod 755 webshot.sh

スクリーンショットを作成したいURLのリストを作る。
# echo "http://server.lunq.net/" >> weblist

# echo "http://www.lunq.net/" >> weblist

# echo "http://www.google.com/" >> weblist

# echo "http://www.yahoo.co.jp/" >> weblist

リスとの確認をする。
# cat weblist
http://server.lunq.net/
http://www.lunq.net/
http://www.google.com/
http://www.yahoo.co.jp/

スクリプトを実行する。
# ./webshot.sh
Using profile proc-370
Loading: http://server.lunq.net/, opt: {:imgsize=>[], :timeout=>30, :imgformat=>
"png", :keepratio=>true, :mozprofdir=>"/home/server/.mozilla/mozshot", :shot_tim
eouted=>false, :winsize=>[1024, 800], :retry=>0}
Load Done.
Using profile proc-398
Loading: http://www.lunq.net/, opt: {:imgsize=>[], :timeout=>30, :imgformat=>"pn
g", :keepratio=>true, :mozprofdir=>"/home/server/.mozilla/mozshot", :shot_timeou
ted=>false, :winsize=>[1024, 800], :retry=>0}
Load Done.
Using profile proc-424
Loading: http://www.google.com/, opt: {:imgsize=>[], :timeout=>30, :imgformat=>"
png", :keepratio=>true, :mozprofdir=>"/home/server/.mozilla/mozshot", :shot_time
outed=>false, :winsize=>[1024, 800], :retry=>0}
Load Done.
Using profile proc-444
Loading: http://www.yahoo.co.jp/, opt: {:imgsize=>[], :timeout=>30, :imgformat=>
"png", :keepratio=>true, :mozprofdir=>"/home/server/.mozilla/mozshot", :shot_tim
eouted=>false, :winsize=>[1024, 800], :retry=>0}
Load Done.

画像を確認してみる。
# ls -al ./
・
-rw-rw-r-- 1 server server 92 2008-06-12 11:28 weblist
-rwxr-xr-x 1 server server 463 2008-06-12 11:30 webshot.sh
-rw-rw-r-- 1 server server 200932 2008-06-12 12:13 server_lunq_net.png
-rw-rw-r-- 1 server server 70981 2008-06-12 12:13 www_google_com.png
-rw-rw-r-- 1 server server 209454 2008-06-12 12:13 www_lunq_net.png
-rw-rw-r-- 1 server server 220340 2008-06-12 12:13 www_yahoo_co_jp.png
・

OK!

画像名は、上記のスクリプトで

「 http: 」は削除
「 / (スラッシュ) 」は削除
「 . (ドット) 」は「 _ (アンダーバー) 」
「 ~ (チルダ) 」は「 - (ハイフン) 」

に変更している。