新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPressをhttps(SSL)化、さくらインターネットのレンタルサーバーでリダイレクトループさせない「.htaccess」の書き方【前編】

      2017/09/22

  • このエントリーをはてなブックマークに追加

WordPressのhttps(SSL)化がほぼ終了しました。
思いつきで行なったため、httpとhttpsとの両方のURLで記事にアクセスできてしまう状態のまま数ヶ月。
それが直接の原因であるかは不明ですが、PVが落ちてきて結果、広告収入も落ちるという状態に。

ブログをhttps(SSL)化したらPVが落ちてしまった。その理由と対策(予測)

最も、もともとhttps化すると広告収入は落ちるとGoogleさんは公式に言っていて、それもあったのかもしれません。
まあ、広告収入はいいんです。
いや、よくはないけれどもそれよりもPVが落ちてきていることのほうが問題。

ということで、PV回復のためにもhttpでのアクセスがあった時にhttpsにリダイレクトする設定を.htaccessに書くことにしました。
ただ、この設定が大変だったのです。

スポンサーリンク
 

一般的には以下のような表記にするとhttpでアクセスがあったときにhttpsにリダイレクトしてくれます。

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

情報源: httpからhttpsに.htaccessを使ってリダイレクトさせる方法 | ホワイトベアー株式会社

が、これだとリダイレクトループになってしまい、サイトが表示すらされなくなってしまう。

というのは。

さくらインターネットのレンタルサーバー等、共有の安価なサーバーでは外向けにはhttpsを使っていても、ネットワーク内ではhttpでやり取りするという形になっているところが多いようでしてそこが落とし穴になっていました。

以下のサイトに詳しく書かれています。

原因についてはココが詳しい。ざっくりまとめると、

  • ロードバランサが443へのアクセスを80へのアクセスに変換する
  • .htaccess内の RewriteCond ${HTTPS} が永遠に on にならず、リダイレクトの度にRewriteRule が走ってしまう

元々のアクセスが https か http のどちらかが分かれば良いのだが、上記の挙動のせいで、https にリダイレクトしたとしても http からアクセスされたことになり、これが永遠に繰り返されてしまう。

情報源:リダイレクトループしない HTTPS強制.htaccessの書き方 (AWS、開発環境共存対応) | ikuty.com

こちらはさくらのレンタルサーバーではなく、AWS(アマゾンウェブサービス)での話。
ロードバランサというのが悪さをしているということのようです。
悪さというか、本当はサーバーの不可を減らしたりと何かの便利なロードバランサなのですが、これが443(https)へのアクセスを80(http)に変換してしまっているため、何度も何度もhttpをhttpsに書き換えるという行為が行われてしまうとのこと。

いわゆる安物買いの銭失い状態だったということでしょう。
さくらインターネットのレンタルサーバー月500円と、ラピッドSSL年1500円でhttps実装なんて虫の良いことを考えていたものですから。。
おそらく、高性能な専用サーバーであればこういったトラブルは起きないんじゃないでしょうか?

ただ、これを解消する方法はちゃんとあります。
なんでも、

ロードバランサに到着した元のアクセスが http のときに限り、X-Forwarded-Proto というヘッダが付与され値が入るらしい。なので、X-Forwarded-Protoヘッダの内容を http か https かの判断基準にすれば良い、というのが基本的なアイデア。

とのことで、具体的には以下の様は表記に変えればOKとのこと。

RewriteEngine On
# Force HTTPS
RewriteCond %{HTTP:X-Forwarded-Proto} !=https
RewriteRule ^/?(.*) https://%{HTTP_HOST}/$1 [R,L]

ポイントは3行目の

RewriteCond %{HTTP:X-Forwarded-Proto} !=https

の部分です。
ここで、X-Forwarded-Protoを読み取り、httpsじゃないときだけリダイレクトさせるという形にしています。

が、これはあくまでも引用元記事の筆者が使っている「AWS(アマゾンウェブサービス)」での書き方。
さくらインターネットのレンタルサーバーでは、上記の記述ではちゃんと動いてくれません。
どうも、さくらのレンタルサーバーの場合はこれにあたるのが「X-Sakura-Forwarded-For」になるようなんですよね。

と、なんとなくここまでわかったところで続きは次回

 - WordPress, 覚え書き , , , , , , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

モニターを一瞬で黒一色にする方法(物撮りに便利)

1年以上前の記事です。内容が古い可能性があります。ちょくちょく缶コーヒーや缶ビー …

「WP File Cache」が原因で起きたトラブル対応で「WP File Cache」を削除して起きたトラブルは「WP File Cache」を再インストールで解決【WordPress】

1年以上前の記事です。内容が古い可能性があります。なんか、このところタイトル長く …

闇金融(ヤミ金)業者に引っかからないためにすべき唯一のこと

1年以上前の記事です。内容が古い可能性があります。「お金を借りない」以上! で、 …

no image
perlの文字コード変換を詳しく調べてみる

1年以上前の記事です。内容が古い可能性があります。最近、perlプログラミングを …

スパムメール、フィッシングメールに引っかからないための唯一確認すべき点

1年以上前の記事です。内容が古い可能性があります。何度かこういった記事書いている …

イングレス(INGRESS)のミッションの作り方

1年以上前の記事です。内容が古い可能性があります。INGRESSの楽しいところは …

大地震で死なないために持っておきたい3つのアイテム

1年以上前の記事です。内容が古い可能性があります。画像転載系ブログ「あごひげ海賊 …

節電のために「自動同期」を止めるとGmailでメール送信できなくなる(Android)

1年以上前の記事です。内容が古い可能性があります。SPモードメールでもありました …

プロキシはもう古い。「TOR(トーア)」とは何のこと?

1年以上前の記事です。内容が古い可能性があります。さてさて、2ちゃんねるでの個人 …

ブログにFacebookの「いいね!」ランキングを表示させる方法

1年以上前の記事です。内容が古い可能性があります。こちらのプラグインを使用してい …