httpへのアクセスをhttpsにリダイレクトする [.htaccess]

.htaccess ファイルを設置することでhttpへのアクセスを安全なSSL通信によるhttpsにリダイレクトする方法を紹介します.

 

導入理由

本サイトは数年前からhttpsによるSSL化に対応していました.

しかし, 今回, サイトをリニューアルした際に, httpからhttpsへのリダイレクト設定ができていなかったため, 実装しました.

 

なお, 確実ではないのですが, httpの状態での問題として昨日体感したことは,

  • Google Adsense広告がiPhone safariだと表示されないことがある

という点です.

 

昨日, 某家電量販店で

という自記事の検証をする際に, 本サイトのドメインである, keitasumiya.net をURLに入力しアクセスしたところ,

  • http://... によるページにアクセスしてしまっており,
  • http://... によるページだとGoogle広告が表示されないことがありました (たまに表示されることもあったと思いますが, 結構な確率で表示されませんでした)

 

そこで, httpからhttpsへのリダイレクト設定が必須と思い, 本設定を実施しました.

 

 

 

結果

テストとして本記事へのリンクを置いてみます

 

にアクセスした際に,

にアクセスされ, 下図のように鍵マーク付きで表示されていればリダイレクト成功です.

redirected

 

 

 

設定方法

.htaccessファイルの作成

Visual Studio Codeなどのテキストエディタで, .htaccess というファイルを作成します.

finder

このファイルは . から始まる隠しファイルです. ですので, Finderなどの設定によっては作成してもそのファイルが見えないことがあります.

その場合は,

  • WIndows

    • エクスプローラーの上部の表示タブをクリック
    • 隠しファイル項目にチェックを入れる
  • Mac

    • Finderで.htaccessを作成したはずのディレクトリに移動し, + + を同時に押す

を実行すると表示されます.

非表示に戻したい場合は, 同様の操作を行えば非表示にできます.

 

 

.htaccessファイルの内容

上手順で作成した.htaccessファイルの中身に下記を書き込みます.

 

.htaccess ファイル

htaccess_content

注意

  • 最後に1行空欄の行を入れてください
  • 文字コードはUTF-8 にしてください
  • 改行コードはLFにしてください

 

 

.htaccessファイルを自分のサイトに置く

上手順までで作成した.htaccessファイルを自分のサイトに置いてください.

 

置き方はCyberduckやFFFTPなどのFTPソフトを使用しても, コマンドプロンプトやターミナルなどのコマンド経由でも構いません.

 

ファイルの置き場所は, サイト全体に適用したい場合, サイトのトップディレクトリに配置します.

本サイトの例で言えば, keitasumiya.net の直下に置けばよいので,

  • keitasumiya.net/.htaccess

といった形です.

もう少し細かくいうと, 本サイトの場合には, サーバ内のデレクトリ構造として, convertpublic という2つのディレクトリがあります.

 

この内, publicフォルダが皆さんに公開しているトップディレクトリとなっているため,

.htaccess ファイルを設置すると

といった形になります.

 

以上で, 設定完了です.

 

 

確認

試しに, http://[自分のサイトのドメイン] というURLにアクセスしてみてください.

鍵マークのついたhttpsのアドレスに変換されていればリダイレクト設定が正しく動作しています.