Amazon CloudFrontを.htaccessで適用

Amazon CloudFrontを.htaccessを利用してウェブサービスに適用させました。
.htaccessで対応できるくらいの単純さであれば、導入も簡単です。

Amazon CloudFront の機能

手順

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !^Amazon\ CloudFront$
RewriteCond %{REQUEST_URI} .(jpg|gif|png|css|js)$ [NC]
RewriteRule ^/?(.*)$ https://xxxxxxxxxx.cloudfront.net/$1 [NE,R=302,L]

一部のJSが動かなくなったので除外しました

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !^Amazon\ CloudFront$
RewriteCond %{REQUEST_URI} !(^/newsPlugin/js/)
RewriteCond %{REQUEST_URI} .(jpg|gif|png|css|js)$ [NC]
RewriteRule ^/?(.*)$ https://xxxxxxxxxx.cloudfront.net/$1 [NE,R=302,L]

ステージング環境で動作しないように、ホストを制限しました。

RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.co\.jp
RewriteCond %{HTTP_USER_AGENT} !^Amazon\ CloudFront$
RewriteCond %{REQUEST_URI} !(^/newsPlugin/js/)
RewriteCond %{REQUEST_URI} .(jpg|gif|png|css|js)$ [NC]
RewriteRule ^/?(.*)$ https://xxxxxxxxxx.cloudfront.net/$1 [NE,R=302,L]

以上、メモでした。