ブログとか

スマホサイトとPCサイトを.htaccessで振り分けする備忘録

投稿日:2013-12-16 更新日:

sumapho
以前、サーバーに保存していたファイルを全部削除してしまった際に、htaccessファイルまで初期化されてしまいました。

そこで、スマホサイトとPCサイトを振り分けしようと再設定をしたのですが、久しぶりで忘れていたためか少しつまづいたので備忘録としてメモ。

htaccess.txtの記述

# iPhone
RewriteCond %{HTTP_USER_AGENT} iPhone [NC] RewriteRule ^$ http://shiatsuyuta.com/s-index [R=302,L]

# Android
RewriteCond %{HTTP_USER_AGENT} Android [NC] RewriteRule ^$ http://shiatsuyuta.com/s-index [R=302,L]

赤文字の部分をスマホサイトの絶対パスに変更します。

ここで、なぜかhttp://shiatsuyuta.com/s-index/のように最後に「/(スラッシュ)」を入れていてつまづきました。

何度やっても404で表示されないんです。
自分の解釈では「/」のスラッシュは付けといても影響ないと思っていたんですがダメだったみたいですね。

最後のスラッシュはあってもなくてもいいような事どこかで見たような気がしたんだけどな〜。

htaccess.txtをサーバーにアップロード

上記の記述したテキストファイルをサーバーにアップロードします。
必ずs-index.htmlがある場所(ルートディレクトリ)にアップロードをしましょう。

htaccess.txt→.htaccessに名前を変更

サーバー側にアップロードしたファイル名を変更します。

パーミッションを604に設定(ロリポップの場合)

これは忘れがちなので注意!

で、完了!

教訓は最後のスラッシュに注意ですね^^

参考記事
HPに携帯、スマートフォンからアクセスされた場合、それぞれ携帯用サイト、スマホ用サイトへ飛ばす方法

-ブログとか

Copyright© 「勇唄〜ゆうた〜」 , 2017 All Rights Reserved.