WEB Tips デザイン・コーディング

www有り無し統一してhttps化する .htaccessのスマートな書き方

2020-05-20

本記事にはプロモーションが含まれています。

www有り無し統一してhttps化する .htaccessのスマートな書き方

以前にも
・www有無
・常時SSL化の際にhttpからhttpsへのリダイレクト
に関する記事を書いています。

しかしこの度、エックスサーバーにて新しいサブドメイン(www以外)を設定した時に.htaccessの記述内容が原因で、サブドメインの設定がうまくいかなかったので修正しました。

エックスサーバーでのサブドメイン設定

まず、エックスサーバーでサブドメインのディレクトリ構造について。

例えばtest.example.comというexample.comのサブドメインtestを設定するとディレクトリは以下のようになります。

/public_html/example.com/test/

example.comのディレクトリの直下にtestというディレクトリが生成されます。

このtestディレクトリにデータをアップすると、https://test.example.com/で表示されます。

しかし、このままの状態だと

https://example.com/test/

でもアクセスできてしまいます。そのためtest.example.comでのみアクセスされるように.htaccessを設置します。

.htaccessを設置するのは、testディレクトリです。

SetEnvIf Host "^test.example.com$" host
order deny,allow
deny from all
allow from env=host

test.example.comの部分は任意のドメインに書き換えます。

エックスサーバーではサブドメインの作成時にSSLの設定も同時にできますが、SSL設定が失敗した場合は手動でもう一度設定する必要があります。

また、サブドメインを検索エンジンにクロールされたくない場合は、アクセス制限も必要です。

以上でサブドメインの設定は完了です。

参考記事[エックスサーバー]サブドメインでWordPressのテスト環境を用意する方法

詳しい設定方法はエックスサーバーのマニュアルにあります。

サブドメインでアクセスできない

エックスサーバーでサブドメインを設定すると長くて1時間程度で設定が有効になります。

でもいくら時間がたっても、サブドメインにアクセスすると

https://example.com/test

に飛ばされてしまう。。。。

原因は.htaccessの設定

正常に表示されない原因は既に設置していた.htaccessの転送設定でした。

.htaccessには、wwwありに統一、httpはhttpsにリダイレクトする記述をしていました。

修正前の.htaccess

RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*) https://www.example.com/$1 [R=301,L]

これを以下の記述に修正します。

修正後の.htaccess

RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.com
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

これでサブドメインでアクセスすることができる様になりました。。。。

もっとスマートに.htaccessに記述する方法

上記の記述でも問題はないのですが、ドメインが変わればその度に書き直さないといけないということになります。

もっと汎用的にするには以下のように記述します。

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule .* https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

www無しかつ、httpからhttpsへリダイレクトするのは以下にようにします。

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

これなら汎用的で、ドメインごとに書き換えなくてすみますね。

今月キャンペーン特典があるサービス

  • エックスサーバー
    利用料最大30%キャッシュバッグ月額693円&ドメイン永久無料 - 2024年5月1日(水)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額678円 53%OFF ドメイン2個無料 - 2024年4月19日(金)16:00まで
  • カラフルボックス
    ドメイン永久無料特典とBOX2以上の月額費用が50%OFFのクーポンコード「SERVER50

-WEB Tips, デザイン・コーディング
-,