無料で自分のホームページをHTTPS化した話

[さくらインターネット Advent Calendar 2022](https://qiita.com/advent-calendar/2022/sakura) 3日目の記事と相成りました。

# まずはじめに
この記事は「設定するため」の記事となるため、
「暗号化」とか「SSL証明書」とか「Let's Encrypt」についての話は割愛されております。

# どうして書くことになったのか？
私が所有しているドメインのホームページ(さくらのレンタルサーバを利用)が HTTP しか対応していないのが、
@masa23 さんに バレてしまい… 
「さくらのレンタルサーバなら、他社で取得したドメインでも **無料ですぐに** HTTPS化できるよ！」
って言われたので、手順を追ってホームページを HTTPS 化してみようと思います。

## 設定前の状態
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/52e66310-a8ab-839c-cb8a-41d10474299a.png">

# 簡単な環境説明
## サーバー
さくらのレンタルサーバ スタンダード
2005年12月から契約中
## ドメイン
dumix.net を 別の会社で取得しています。

# 前提
さくらのレンタルサーバにドメインが紐づいていること
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/c1982974-74f4-af4b-0dbe-8c47ef8c110a.png">

# HTTPS化をやってみた
1.ドメイン/SSLのドメイン一覧から「HTTPS化」したいドメインの「SSL」ボタンをクリックする
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/aa29e7b6-1846-6c98-422f-c1ecec7328e7.png">

2.SSL証明書画面が表示されたら「登録設定を始める SSL証明書の種類を選択」をクリックする
  ※ここ重要!!!　ここで15分つまづいた！！！
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/49d8f4da-cb90-2c71-681b-85df83b30493.png">

3.右から「SSL証明書の利用種類を選択」 が表示されるので **Let's Encrypt (無料SSL)** の「利用する」をクリックする
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/3241aa14-d3f5-9b4b-a2ec-bcf0f1086cd1.png">

4.無料SSL証明書登録が表示されたら「①確認 のチェックボックスをON」にして「②無料SSLを設定する」をクリックする
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/6f33876a-4ad9-eb3b-591d-5b80a550cb2b.png">

5.以下の画面が出てきたら「メールで知らせてくれる」からしばし待つ
  ※さくらの会員登録を行った時に登録したメールアドレスです
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/aeec6a73-c3b4-8beb-e35d-457ada553aa1.png">

6.メールが届いたら、「ドメイン名」だけでホームページアクセスを行う
  ※今回の場合、メールが来るまでだいたい15分くらいかかりました
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/64aa90ff-4a63-c074-d237-00abf7b74b07.png">

あれ… まだ　HTTPSでアクセスできない… なんで？
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/52e66310-a8ab-839c-cb8a-41d10474299a.png">

# HTTPSの転送設定が必要みたいです
dumix.net だけでブラウザからアクセスした場合、どうやら「 http://dumix.net 」でアクセスされちゃうみたいです…
これでは @masa23 さんに「できてないじゃん！」って突っ込まれてしまうので、
HTTPでホームページにアクセスされたらHTTPSに転送して解決しましょう

1.ドメイン/SSLのドメイン一覧から「HTTPS化」したドメインの「設定」ボタンをクリックする
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/82398286-a30d-4902-8ee1-eddf5f025c31.png">

2.「HTTPS転送設定」のチェックボックスを「ON」にし、下にスクロールして「保存する」をクリックする
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/0e3fa60b-4e06-7144-18b9-9843c7e7e622.png">

3.もう一回ブラウザで「dumix.net」を開く
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/52e66310-a8ab-839c-cb8a-41d10474299a.png">

まだ…　できて… ないなんて…
これは… クライアントの問題かな…

今使っているのはMacなので… ⌘+r　でリロードしてみました
※Windowsだったら F5 ですね…
<img width="480" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/127103/9a952341-12b6-0c61-0b7b-a88af5209bae.png">

おお！！！！！　できたぜ！！！　俺かっこいい！！！

# 最後に
HTTPS化する証明書って毎年お金かかるし更新面倒だなぁ… って思ってましたが、
さくらのレンタルサーバを使えば **無料で簡単に** ホームページのHTTPS化ができます！
ぜひ皆さんもやってみてください！！！

なお… 社内に周知する手順のような形で書いてみましたので…　
もしこのパターンで気に入った！使いたい！ってことであれば許可など取らずに自由に使ってください！