share facebook facebook twitter menu hatena pocket slack

2012.07.06 FRI

mod_sedでHTML上の画像などのURLをS3やCloudFrontに置換

鈴木 宏康

WRITTEN BY 鈴木 宏康

今回は、Cloud Design Pattern(CDP)の記事になります。
対象は「URL Rewritingパターン」です。

このパターンの「実装」に下記の記載があります。

Apacheのフィルターモジュール(mod_ext_filter/mod_sed)や
プロキシーとして用意したNginxなどで動的に書き換えることも可能。

mod_ext_filterに関しては、mod_ext_filterで画像などのURLをCloudFrontのものにの記事で
紹介しているので、今回は同様のことをmod_sedで実現してみました。

はじめにインストールですが、下記のようにatomicリポジトリを登録して
yumで簡単にインストールできました。

# rpm -Uvh http://www6.atomicorp.com/channels/atomic/centos/6/x86_64/RPMS/atomic-release-1.0-14.el6.art.noarch.rpm
# yum -y install mod_sed

フィルタールールは下記のようにhttpd.confに記述しています。

AddOutputFilter Sed html
OutputSed "s/"/(.*).js"/"http://s3/1.js"/g"
OutputSed "s/"/(.*).css"/"http://s3/1.css"/g"
OutputSed "s/"/(.*).gif"/"http://s3/1.gif"/g"
OutputSed "s/"/(.*).jpg"/"http://s3/1.jpg"/g"

そして、下記のHTMLをソースとして、上記のフィルタールールでApacheからコンテンツを確認します。





















test
test
test
test

そうすると、該当する部分が変換されていることが確認できます。





















test
test
test
test

こちらの記事はなかの人(suz-lab)監修のもと掲載しています。
元記事は、こちら

鈴木 宏康

鈴木 宏康

愛知県生まれ。東京工業大学大学院修士課程修了。在学時より、ベンチャー企業でインターネットに関する業務に携わり、現在はクラウド(主にAmazon Web Services)上での開発・運用を軸とした事業の、業務の中心として活躍。