Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to .htaccessによるリダイレクト徹底解説
Similar to .htaccessによるリダイレクト徹底解説 (20)
More from Cherry Pie Web
Recently uploaded
Recently uploaded (8)
.htaccessによるリダイレクト徹底解説
- 1. 2013/09/29 WordBench京都 Cherry Pie Web 川井昌彦 .htaccessによるリダイレクト徹底解説 ～無限ループで100倍返しされないために～
- 2. 2 自己紹介 ●川井昌彦（かわいまさひこ）@sakuragi_kei 東京の制作会社で24年間勤めた後、 京都府舞鶴市に帰郷してフリーランスで活動中 実は、DTPのほうが経験が長いです （このスライドも InDesign で作っています） 実は、MovableTypeのほうが経験が長いです 小桜インコ・シロハラインコ・黒い柴犬のパパ Cherry Pie Web http://www.cherrypieweb.com
- 3. 3 本日の予定 1. リダイレクトとは 2. 基本のリダイレクト 3. mod_rewrite によるリダイレクト 4. WordPressが書き出すリダイレクトを見てみよう 5. まとめ ・・・実際は、こんなふうに キレイにはまとまっていません・・・
- 5. 5 たとえば・・・ 1. ウェブページのファイル名が変わった 2. ウェブページを他のディレクトリに移動した 3. ドメイン名が変わった 4. 一部のページに、ユーザーがアクセスできないようにする 5. index.htmlあり／なし、wwwあり／なしなどを統一する ・・・など
- 6. 6 リダイレクトの指定方法 1. htmlの、metaタグ 2. JavaScriptの、location.href=、または、location.replace() 3. PHPなどで、HTTPヘッダーを出力 上記3つは、 アクセスされるすべてのページに指定しておかなければならない 4. Webサーバーの設定 httpd.conf または、.htaccess に指定する ページへのアクセス自体を制御できる
- 7. 7 .htaccess の有効範囲 .htaccess が置かれたディレクトリから下位すべてのディレクトリに有効 ただし、下位ディレクトリにも .htaccess が置かれていた場合、 競合する設定は、 下位のものが有効 example.com .htaccess index.html test1.html sub1 .htaccess index.html subtest1.html sub2 index.html subtest2.html
- 9. 9 ウェブページのファイル名を変えた Redirect：リダイレクトを示す Permanent：301リダイレクト（恒久的なリダイレクト） /test1.html：古いファイル名 ドキュメントルートからのパスを指定する http://example.com/test2.html：新しいファイル名 絶対URLを指定する Redirect Permanent /test1.html http://example.com/test2.html
- 11. 11 絶対URLとは？ http://www.example.com/test2.html のようにドメイン名を省略しないURL ※相対パスで指定できない！ ※同じドメイン内でも省略できない！
- 14. 14 ディレクトリを移動した oldディレクトリ以下へのアクセスはすべて、 newディレクトリ以下へリダイレクト Redirect permanent は、Redirect 301 と書いても良い 【注意！】 リダイレクト元とリダイレクト先のドメインが同じで、 ディレクトリが親子関係だとエラーになる （後述します） Redirect 301 /old/ http://example.com/new/
- 15. 15 ドメインを変えた 全てのアクセスを、http://example.com へリダイレクト 【注意！】 リダイレクト元とリダイレクト先のドメインが同じだとエラーになる （後述します） Redirect 301 / http://example.com/
- 16. 16 負荷軽減のため画像ファイルだけを 他のサーバーから読み込む RedirectMatch：パターンマッチを使用したリダイレクト 301：301リダイレクト (.*￥.(jpg|gif|png))$：元の画像ファイル名 http://another-img.com$1：読み込む画像ファイル名 RedirectMatch 301 (.*.(jpg|gif|png))$ http://another-img.com$1
- 17. 17 正規表現の例 (.*￥.(jpg|gif|png))$ http://another-img.com$1 . ：全ての文字 *：0回以上の繰り返し ( )：ブロックを指定 ￥．：ドット 「. 」は、正規表現ではすべての文字を示す ドットそのものを表すときは ￥をつける（エスケープする） (jpg|gif|png)：jpg,gif,pngのいずれか $：行の終わり $1：１つめのブロック
- 18. 18 リダイレクトは、無限ループにならないように注意！ たとえば、こんな設定で リダイレクト元とリダイレクト先のドメインが同じだったら・・・ つまり・・・ http://amachan.com へのすべてのアクセスを、 http://amachan.com/je/ へリダイレクトしたいとしたら・・・ Redirect 301 / http://amachan.com/je/
- 19. 19 http://amachan.com/index.php へのアクセスがどうなるか？ WordPressでよくある、 サブディレクトリにWordPressをインストールした場合のリダイレクトは、 この書き方ではできない！ http://amachan.com/index.php → http://amachan.com/je/index.php → http://amachan.com/je/je/index.php → http://amachan.com/je/je/je/index.php → http://amachan.com/je/je/je/je/index.php → http://amachan.com/je/je/je/je/je/index.php 以下、無限ループ！！！！
- 23. 23 mod_rewrite がインストールされていなくても エラーが出ないようにする IfModule で囲んで、mod_rewriteがインストールされていないときは 実行されないようにしておく IfModule mod_rewrite.c ・・・・ /IfModule
- 25. 25 ウェブページのファイル名を変えた /test1.html → /test2.html RewriteEngine on：リダイレクトの記述の開始 RewriteRule：リダイレクトのルール RewriteEngine on RewriteRule ^test1.html$ test2.html
- 26. 26 RewriteRule ・リダイレクト元の正規表現パターン ^test1￥.html$： .htaccess と同じディレクトリにある test1.html に適用される .htaccess のあるディレクトリからの相対パス mod_rewrite を使うときは、リダイレクト元のパスには / は不要 （リクエストされたURLから、.htaccess のあるパスまで削除されて、評価される） RewriteEngine on RewriteRule ^test1.html$ test2.html
- 27. 27 ^は行頭を表す → 同じディレクトリ以外には適用されない ×test/test1.html $は行末を表す → test1.htm には適用されない ￥.は、ドットを表す → .（ドット）はすべての文字という意味なので、 ドット自体を表したいときは、￥をつける（エスケープする） RewriteEngine on RewriteRule ^test1.html$ test2.html
- 28. 28 と書くと、test/test1.html など、下位のディレクトリにも適用される と書くと、test1.htm、test1.html の両方に適用される ^test1.htm$ と書くと、test1.html には適用されない RewriteEngine on RewriteRule test1.html$ test2.html RewriteEngine on RewriteRule ^test1.htm test2.html
- 29. 29 ・リダイレクト先の文字列 test2.html： .htaccess と同じディレクトリにある test2.html にリダイレクト .htaccess のあるディレクトリからの相対パス、絶対パス、絶対URL RewriteEngine on RewriteRule ^test1.html$ test2.html
- 31. 31 ドメインを変えた すべてのリクエストを、http://newserver.com/ にリダイレクトする ^(.*)$：アクセスされたすべてのパターンにマッチ ( )：ブロック $1：( )ブロックの1つ目 【注意！】リダイレクト元とリダイレクト先のドメインが同じだとエラーになる RewriteEngine on RewriteRule ^(.*)$ http://newserver.com/$1
- 32. 32 負荷軽減のため画像ファイルだけを 他のサーバーから読み込む RewriteEngine on RewriteRule ^(.*).(jpg|gif|png)$ http://newserver.com/$1.$2
- 33. 33 トップページのURLを 「/index.html」ではなく「/」に統一 URLの正規化と言われるものの一つで、アクセス解析で重要 ほかにも、wwwあり／なし の統一などもできる RewriteEngine on RewriteRule ^index.html$ http://www.example.com/
- 34. 34 リダイレクトは、あちこちの .htaccess に書かない！ .htaccess を下位のディレクトリにおくことがあるが、 リダイレクトをあちこちに書くと混乱の元！ ・ mod_rewrite を使った場合、 リダイレクト元、リダイレクト先のパスは、 .htaccess が置かれたパスが基準となるので、ややこしい ・ 下位のルールが適用されると、上位のルールが適用されなくなる
- 35. 35 （例1）.htaccess をルートディレクトリだけにおいたとき /old/test1.html → /test2.html リダイレクト先は、.htaccess が置かれているルートディレクトリになる RewriteEngine on RewriteRule ^old/test1.html$ test2.html
- 36. 36 （例2）.htaccess をoldディレクトリだけにおいたとき /old/test1.html → /old/test2.html リダイレクト先は、.htaccess が置かれているoldディレクトリになる RewriteEngine on RewriteRule test1.html$ test2.html
- 37. 37 （例3）.htaccess を複数のディレクトリにおいたときー1 ・ルートディレクトリ・・・（1） ・oldディレクトリ・・・（2） /old/test2.html → /old/test3.html （2）のルールのみ適用 /old/test1.html → 何も適用されない！ （2）のルールのみ適用 RewriteEngine on RewriteRule ^old/test1.html$ test2.html RewriteEngine on RewriteRule ^test2.html$ test3.html
- 39. 39 先ほどの例を見直すと・・・ ・ルートディレクトリ・・・（1） ・oldディレクトリ・・・（2） /old/test1.html がリクエストされたので、 oldディレクトリにあるリダイレクトの設定(2)が適用される。 ここに test1.html に対する設定がないので、ここで終わり RewriteEngine on RewriteRule ^old/test1.html$ test2.html RewriteEngine on RewriteRule ^test2.html$ test3.html
- 40. 40 （例4）.htaccess を複数のディレクトリにおいたときー2 ・ルートディレクトリ・・・（1） ・oldディレクトリ・・・（2） /test1.html → /test2.html /old/test2.html → /test1.html → /test2.html (2)のルールでリダイレクトした結果、上位のURLになったので、 改めて上位のルール(1)のリダイレクトが適用される RewriteEngine on RewriteRule ^test1.html$ test2.html RewriteEngine on RewriteRule ^test2.html$ /test1.html
- 41. 41 複数のRewriteRule /test1.html → /test2.html → /new/test2.html RewriteRuleは、複数書ける どれかにマッチすればリダイレクトされるので、もちろん、これも有効 /test2.html → /new/test2.html RewriteEngine on RewriteRule ^test1.html$ test2.html RewriteRule ^test2.html$ new/test2.html
- 42. 42 RewriteBase RewriteBase：リダイレクト後のパスのベース /test1.html → /old/test2.html となる /old/test1.html には適用されない ※RewriteBaseは、リダイレクト元には関係ない RewriteEngine on RewriteBase /old RewriteRule ^test1.html$ test2.html
- 43. 43 /old/test1.html に適用させるには、 リダイレクト元にディレクトリ指定が必要 RewriteEngine on RewriteBase /old RewriteRule ^old/test1.html$ test2.html
- 44. 44 ※Rewritebaseは、リダイレクト後の指定が相対パスの時のみ有効 / をつけると絶対パスになるので RewriteBase は無効になる /test1.html → /old/test2.html /test1.html → /test2.html （RewriteBase無視） RewriteEngine on RewriteBase /old RewriteRule ^test1.html$ test2.html RewriteEngine on RewriteBase /old RewriteRule ^test1.html$ /test2.html
- 45. 45 特定ディレクトリへのアクセス拒否 oldディレクトリ以下へのアクセスを拒否する [F]：403 Forbidden（アクセス権限がないエラー）を返す RewriteRule のリダイレクト先を「-」とすると、リダイレクトしない RewriteEngine on RewriteRule ^old/.* - [F]
- 46. 46 ieからアクセスされたときだけ 違うファイルにリダイレクトする RewriteCond：条件にマッチした時、RewriteRuleを適用する %{HTTP_USER_AGENT}：環境変数（ユーザーエージェントを得る） [NC]：大文字小文字を区別しない RewriteEngine on RewriteCond %{HTTP_USER_AGENT} MSIE [NC] RewriteRule ^test1.html$ test2.html
- 47. 47 使える環境変数 HTTP_USER_AGENT / HTTP_REFERER / HTTP_COOKIE / HTTP_FORWARDED HTTP_HOST / HTTP_PROXY_CONNECTION / HTTP_ACCEPT REMOTE_ADDR / REMOTE_HOST / REMOTE_USER / REMOTE_IDENT REQUEST_METHOD / SCRIPT_FILENAME / PATH_INFO / QUERY_STRING AUTH_TYPE DOCUMENT_ROOT / SERVER_ADMIN / SERVER_NAME / SERVER_ADDR SERVER_PORT / SERVER_PROTOCOL / SERVER_SOFTWARE TIME_YEAR / TIME_MON / TIME_DAY / TIME_HOUR / TIME_MIN TIME_SEC / TIME_WDAY / TIME API_VERSION / THE_REQUEST / REQUEST_URI / REQUEST_FILENAME IS_SUBREQ
- 48. 48 RewriteCondを使った例 ・2013年12月28日～2014年1月3日までの間だけリダイレクトする RewriteCondを複数書いたときは、AND条件（すべて満たしたとき） 比較に使えるのは、 = （ = みたいなのは使えない） 比較演算子の後にスペースを入れないこと RewriteEngine on RewriteCond %{TIME_YEAR}%{TIME_MON}%{TIME_DAY} 20131227 RewriteCond %{TIME_YEAR}%{TIME_MON}%{TIME_DAY} 20140104 RewriteRule ^test1.html$ test2.html
- 49. 49 ・iPhoneまたはiPadからアクセスされたときだけリダイレクトする 次の条件とOR条件（いずれかを満たすとき）にしたいときは、 [OR]フラグをつける RewriteEngine on RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR] RewriteCond %{HTTP_USER_AGENT} iPod [NC] RewriteRule ^test1.html$ /test2.html
- 50. 50 ・特定のIPアドレスからのアクセスを拒否 ＩＰアドレスが 123.456.789.012 または 012.345.678.901 から アクセスされたら、403 Forbidden を返す [F]：403 Forbidden（アクセス権限がないエラー）を返す RewriteRule のリダイレクト先を「-」とすると、リダイレクトしない RewriteEngine on RewriteCond %{REMOTE_ADDR} ^123.456.789.012$ [OR] RewriteCond %{REMOTE_ADDR} ^012.345.678.901$ RewriteRule ^.*$ - [F]
- 51. 51 ・特定のIPアドレス以外からのアクセスを拒否 ＩＰアドレスが 012.345.678.901 以外から アクセスされたら、403 Forbidden を返す ！：否定（条件を満たさないときに有効） RewriteEngine on RewriteCond %{REMOTE_ADDR} !^012.345.678.901$ RewriteRule ^.*$ - [F]
- 52. 52 ・ＳＳＬによる通信を強制する http;// でアクセスされても、 https:// に強制的に切り替えることで、SSLを有効にする %{HTTPS} off：httpsでないアクセス RewriteEngine on RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
- 53. 53 WordPressでパーマリンク設定した時 に作成されるリダイレクト IfModule mod_rewrite.c RewriteEngine On RewriteBase /wordpress/ RewriteRule ^index.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /wordpress/index.php [L] /IfModule
- 54. 54 RewriteBaseで指定されているのは、 WordPressがインストールされたディレクトリ RewriteRule のリダイレクト先を「-」とすると、リダイレクトしない [L]：これ以降のルールを適用しない ルートディレクトリのindex.phpにアクセスされたら リダイレクトしないで終了 → 次のルールによる無限ループが避けられる！ RewriteBase /wordpress/ RewriteRule ^index.php$ - [L]
- 55. 55 -f：ファイルが実在すると true -d：ディレクトリが実在すると true アクセスされたファイルまたはディレクトリが実在する場合 → そのままそのファイルを表示 アクセスされたファイルもディレクトリも実在しない場合 → WordPressの index.php にリダイレクト RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /wordpress/index.php [L]
- 56. 56 Rフラグ [R]：302リダイレクト [R=301] とすれば、301リダイレクトになる ※Rフラグをつけないと、サーバー内部でリダイレクトが行われるので、 アクセスした側はリダイレクトしたことがわからない！ → ブラウザのアドレスバーはリダイレクト前のURLのまま！ RewriteEngine on RewriteRule ^test1.html$ test2.html [R]
- 57. 57 ※Rフラグをつけると、 アクセスした側が新しいパス（URL）にアクセスし直したように見える → ブラウザのアドレスバーがリダイレクト先のURLに変わる SEOを考慮するなら、 [ R=301 ] は必須！ PageRankの 引き継ぎでーす