PCサイトからスマホサイトにリダイレクトさせるには(.htaccess)

Question

######状況

こちらを参考に、.htaccessを使ってPCサイトからスマホサイトへのリダイレクトをさせようとしています。
PC版とスマートフォン版サイトを自動で切り替える方法

http://www.hoge.com/foo/bar (PCページ)
http://www.hoge.com/foo/bar/sp (スマホページ)
として、/fooに.htaccessを格納しています。

.htaccessには、下記のように記述しています。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule /foo/bar/ /foo/bar/sp/ [R,L]
</IfModule>

######質問
/foo/index.htmlにある/foo/bar/index.htmlへのリンクをクリックしたところ、PC・スマホどちらから閲覧してもトップページ(/index.html)へ遷移されてしまいます。

【追記】/.htaccessにエラー処理があったためトップページに飛んでいました。
エラー処理を削除すると403エラーでした。

Forbidden
You don't have permission to access /foo/bar/ on this server.

PCの場合は/foo/bar/index.html
スマホの場合は/foo/bar/sp/index.html
に遷移させるようにするにはどのようにしたらいいのでしょうか？

.htaccessと正規表現の書き方がいまいち理解できておらず申し訳ないのですが、ご回答いただけますと幸いです。よろしくお願いいたします。

######状況（随時更新 20/2/6/13:37）

htaccessのリダイレクトで403エラーが起きたときの対処法

Options +FollowSymLinks

/foo/.htaccessの1行目に↑を追加したところ、PC・スマホどちらから閲覧しても/foo/bar/index.htmlに遷移するようになりました。

######状況（随時更新 20/2/6/14:43）

JavaScript：一つのリンクをPC用URLとスマホ用URLに切り分ける

JavaScriptを使った方法で期待通りに遷移できました。
問題としては解決はしましたが、.htaccessで実現する方法は引き続き回答募集させていただきます。
ご存知の方は回答いただけますと嬉しいです。。

Comments

[m.ts10806]

レスポンシブではなく完全に別ページとしてあるということですよね

[aimin]

はい、PCページとスマホページは完全に別のファイルです。

[Y.H.]

> .htaccessには、下記のように記述しています。
/foo/.htaccessの内容はこの6行だけですか？
RewriteRule /foo/bar/ ....
だとマッチしないからリダイレクトしない筈なんですが・・・

[aimin]

/foo/.htaccessには6行だけです。

確認したところ、/.htaccessに403か500のエラーでトップページに飛ばす記述があり、

ErrorDocument 403 http://www.hoge.com/
ErrorDocument 404 http://www.hoge.com/error.html
ErrorDocument 500 http://www.hoge.com/

こちらを削除すると、403エラーが出ました。

Forbidden
You don't have permission to access /foo/bar/ on this server.

「マッチしない」とは5行目のパスの指定が間違っているということでしょうか？

Answer 1

.htaccessでRewriteRuleを使用する場合はpathのマッチングには
.htaccessの存在するpathからの相対pathで指定する必要があります。

#/foo/.htaccess
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^bar/ /foo/bar/sp/ [R,L]

但し、上記だと/foo/bar/配下へのリクエストはすべて/foo/bar/sp/へリダイレクトするためリダイレクトループします。(/foo/bar/sp/へのリクエストに対してもマッチするので)
「/foo/bar/sp/以外」の条件を追加し、/foo/bar/以降のpathをリダイレクト先に追加します。
（※/foo/bar/sp/にはindex.htmlファイルのみ存在する場合は
RewriteRule ^bar/ /foo/bar/sp/ [R,L]で構いません。）

#/foo/.htaccess
RewriteEngine On
RewriteCond %{REQUEST_URI} !/foo/bar/sp/ [NC]
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^bar/(.*) /foo/bar/sp/$1 [R,L]
#/foo/bar/sp/配下にはindex.htmlファイルのみ存在する場合は以下でも可です。
#RewriteRule ^bar/ /foo/bar/sp/ [R,L]

Comments

[aimin]

RewriteRuleのパスの指定方法とリダイレクトループを回避しなければならないこと、理解できました。
書いていただいたコードに「Options +FollowSymLinks」を追加して期待通りの動作になりました。

分かりやすく教えてくださり本当にありがとうございました…！
知識を深められ＆理想の実装ができ、とても助かりました^^*

その他の参考メモ
http://www-creators.com/archives/248