作業メモ:モバイル用に m.nyanchew.com というURLを設定した

今まで、スマートフォン用のページを生成するのに、URLは同じでブラウザのUAによってテーマを切り換えていた。そのためにMobile Toolモジュールを使っていたが、同一URLを使う方法はBoostモジュールのキャッシュと併存できないという欠点があった。

そこで思い切ってモバイル用のURLを別に分けることにした。PC用のURLの前に m. を付加するのがよくあるパターンだ。しかし、現在のURLである nyanchew.com はさくらインターネットが提供するドメインを使っているのでm.nyanchew.com とすることができない。

この際、nyanchew.com という自分のドメインを取得することにした。そして、m.nyanchew.com というURLをモバイル用のページに使用することにした。

1)nyanchew.com というドメインを取得し、nyanchew.com と同じ場所をWEBのルートに設定

2)nyanchew.com から nyanchew.com にリダイレクトする。以下を .htaccess に記載。

RewriteEngine on
RewriteCond %{HTTP_HOST} nyan\.chew\.jp [NC]
RewriteRule .* http://nyanchew.com%{REQUEST_URI} [L,R=301]

3)さらに m.nyanchew.com というサブドメインを nyanchew.com と同じ場所をWEBルートにして設定

今回の作業の肝はブラウザのUAを見てモバイル用のURLへリダイレクトするところ。以下のページを参考にして、.htaccess にリダイレクト用の記述を行う。

http://drupal.org/node/1214890

基本的に上記ページに書いてある通りだが、クッキーを使う箇所はさくらインターネットではエラーが出るのでコメントアウトした。

他に参考にしたページ
http://faq.sakuratan.com/wiki/wiki.cgi?%2ehtaccess
http://www.net-newbie.com/trans/mod_rewrite.html

PAGE TOP