2021-10-15
BlogManagement
httpへのアクセスをhttpsにリダイレクトする [.htaccess]
.htaccess ファイルを設置することでhttpへのアクセスを安全なSSL通信によるhttpsにリダイレクトする方法を紹介します.
目次
httpへのアクセスをhttpsにリダイレクトする [.htaccess]目次導入理由結果設定方法.htaccessファイルの作成.htaccessファイルの内容.htaccessファイルを自分のサイトに置く確認参照
導入理由
本サイトは数年前からhttpsによるSSL化に対応していました.
しかし, 今回, サイトをリニューアルした際に, httpからhttpsへのリダイレクト設定ができていなかったため, 実装しました.
なお, 確実ではないのですが, httpの状態での問題として昨日体感したことは,
- Google Adsense広告がiPhone safariだと表示されないことがある
という点です.
昨日, 某家電量販店で
という自記事の検証をする際に, 本サイトのドメインである, keitasumiya.net をURLに入力しアクセスしたところ,
- http://... によるページにアクセスしてしまっており,
- http://... によるページだとGoogle広告が表示されないことがありました (たまに表示されることもあったと思いますが, 結構な確率で表示されませんでした)
そこで, httpからhttpsへのリダイレクト設定が必須と思い, 本設定を実施しました.
結果
テストとして本記事へのリンクを置いてみます
httpによるリンクからのリダイレクトテスト
にアクセスした際に,
にアクセスされ, 下図のように鍵マーク付きで表示されていればリダイレクト成功です.
設定方法
.htaccessファイルの作成
Visual Studio Codeなどのテキストエディタで, .htaccess というファイルを作成します.
このファイルは . から始まる隠しファイルです.
ですので, Finderなどの設定によっては作成してもそのファイルが見えないことがあります.
その場合は,
WIndows
エクスプローラーの上部の表示タブをクリック隠しファイル項目にチェックを入れる
Mac
- Finderで
.htaccessを作成したはずのディレクトリに移動し, + + を同時に押す
- Finderで
を実行すると表示されます.
非表示に戻したい場合は, 同様の操作を行えば非表示にできます.
.htaccessファイルの内容
上手順で作成した.htaccessファイルの中身に下記を書き込みます.
.htaccess ファイル
xxxxxxxxxxRewriteEngine onRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
注意
- 最後に1行空欄の行を入れてください
- 文字コードは
UTF-8にしてください - 改行コードは
LFにしてください
.htaccessファイルを自分のサイトに置く
上手順までで作成した.htaccessファイルを自分のサイトに置いてください.
置き方はCyberduckやFFFTPなどのFTPソフトを使用しても, コマンドプロンプトやターミナルなどのコマンド経由でも構いません.
ファイルの置き場所は, サイト全体に適用したい場合, サイトのトップディレクトリに配置します.
本サイトの例で言えば, keitasumiya.net の直下に置けばよいので,
keitasumiya.net/.htaccess
といった形です.
もう少し細かくいうと, 本サイトの場合には, サーバ内のデレクトリ構造として,
convertとpublicという2つのディレクトリがあります.
この内,
publicフォルダが皆さんに公開しているトップディレクトリとなっているため,
.htaccessファイルを設置するとx.├── convert└── public├── .htaccess├── artwork├── blog├── index.html├── publication::└── studyといった形になります.
以上で, 設定完了です.
確認
試しに, http://[自分のサイトのドメイン] というURLにアクセスしてみてください.
鍵マークのついたhttpsのアドレスに変換されていればリダイレクト設定が正しく動作しています.
