.htaccessを使って、httpからhttpsへリダイレクトする設定方法

この記事の要約
下記のコードを.htaccessへ追加すれば全ページがリダイレクトされます。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>ウェブサイトの公開時にhttpからhttpsからリダイレクトする設定が必要になることが多いので、設定方法についてまとめておきます。
全ページをリダイレクトしたい場合
.htaccessに下記の記述を追加すると、httpからhttpsへリダイレクトが適用されます。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>すでに.htaccessが存在していて、他の記述がある場合はコードを追加して対応します。
.htaccessを配置する場所
.htaccessを配置する場所はサイトのルートでOKです(適用したいディレクトリに配置する)。
WordPressの場合は1番トップのindex.phpがある場所と同じディレクトリに配置します。
WordPressの場合は記述場所に注意
WordPressを使っている場合は、WordPressの設定がすでに.htaccessに記述されています。
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPressこの記述の下に書いてしまうと、下層ページでリダイレクトが効かないケースがあったので、上に書くようにしています。
下に書いてもうまくいく場合はありますが、ちゃんとトップページとひと通りの下層ページもチェックして問題がないか確認するようにした方がよさそうです。
スニペットツールに設定しておく
サイトの公開時に必要になりますし、覚えておくものでもないと思うので、スニペットツールですぐペーストできるようにしておくと便利ですし、毎回調べる必要もなくなります。
スニペットは、AlfredのSnippets機能かDashをオススメしているので、まだスニペットツールを使っていない方は検討してください。




Dart Sassを使う上で1番基本的なネストやアンパサンドの書き方|Dart Sass入門
「Dart Sass」「LibSass」「Ruby Sass」などSassの種類や記法に関するまとめ
Vue.jsのv-forで生成した要素をクリックするたびに、classをトグルで付け外しする方法
Visual Studio Codeの設定を複数の端末間で同期する「Settings Sync」機能の使い方
Visual Studio Codeで「.html」拡張子以外のファイルでもEmmetを使えるようにする
Local by Flywheelのページ遷移を軽くする設定
CSS疑似要素(::beforeや::after)のcontent内で改行したり半角スペースを複数入力する方法
Visual Studio CodeをMarkdownエディターとして使用する
コーディング時にちゃんと意識したい複数語の連結方法一覧(キャメルケース・スネークケース・ケバブケース)
Google Maps APIでピンのアクティブ時にピン画像を変える方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する