3クリックぐらいでロリポップ上のWEBサイトを無料HTTPS化できた

## 背景

ブログを運用しています。
とくにセキュリティーは気にしていませんでしたが、見てくれる方々が安心して見れるように、
`http://xxx.com/`を`https://xxx.com/`に変えてセキュリティーレベルをあげたかったわけです。

そこで今回はこの**HTTPS化**の過程について記載したいと思います。
**信じられないくらい一瞬でした。**

## 前提条件

まず初めにこのHTTPS化のまえの前提条件は以下となります。

- ロリポップ上で運用しているWEBサイトであること
- 既に独自ドメインを取得していること
- [Let's Encrypt](https://letsencrypt.org/)を利用した無料SSLで問題ないこと

## HTTPS化の手順

まず[ロリポップのユーザ専用ページの独自SSL証明書導入](https://user.lolipop.jp/?mode=ssl)にアクセスします。
つぎに以下の画面のようにHTTPS化したいドメインをチェックし、`独自SSL（無料）を設定する`をクリックします。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfODAwNmM0OTY5ZTcwNDk5MGQ3M2EzMGVmNmZlZTcxODEifQ.Tz7JmRDUXzXQiEmzpzKKtMVB3JG0NjCXiU5bN0EbyOE-png.jpg)](https://gyazo.com/464f339a9380e0f18ddb8f3dadb7a886)

すると`× SSL保護無効`が`SSL設定作業中`に変わります。
※この間も通常通りWEBサイトは稼働している（HTTPの状態）ので心配ありません。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfNzQxMjljY2FiOTk3OGU0MWRlZWFhZjFmOTZhNmUwN2YifQ.RLzDJcIbCZJlTbwWHE7OEKZOZ6VmvpUTKHSt6gAb48k-png.jpg)](https://gyazo.com/9f83aead949ee3314b36fddce77d54bf)

30分後に確認してみると`SSL設定作業中`が`● SSL保護有効`に変わっていました。
完了です。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfNzYwNGM0OGM4N2Y2MTIyMjYwMmY2MDBlNmVmOTNlYmMifQ.Vo_efJuBHO3QOoff8B-MlJ_6m4FLY1ReUlZDf4jep6U-png.jpg)](https://gyazo.com/7c30d93a388a958a5554a9f676b7b8af)

## ほんとに変わっているのか確認

**設定前**

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfNGY4N2NjMDZjNzFjM2RmM2M2ZDk0ZmZhNjI4YzkxZGMifQ.8w-QwOxsJmlIA9MHLjQQHBvFfqpoqNQE9XoUG0Eegek-png.jpg)](https://gyazo.com/714d765ae99bd1a7091074f7a877f69b)

**設定後**

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfMTYxN2NlZWE3NTgyNmM2YWRmNjBiNmZkOGQ1ZTg3MTcifQ.21pzq0XhdTKpPUzxLmVdSfb7_dy5HS6uwSS7yl5qPFM-png.jpg)](https://gyazo.com/f4f6321619ac8a91ea7a562fe337f4a4)

変わっている。まじか。簡単すぎる。

## しかし実はこれで終わりではない

一般設定の`WordPress アドレス (URL)`と`サイトアドレス (URL)`を、
`http://xxx.com/`から`https://xxx.com/`に変えましょう。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfY2Q2NzhjZmEzYzBlNTMyNjdhYzUwODM1NGJiN2M4MmMifQ.02skDUTe8OGcOJMluyPvbXEpdgSqoBQMGuO16bxUEYA-png.jpg)](https://gyazo.com/7567fccb206827efa5023870e976fa17)

これでサイト内の設定が変更されます。

## 各記事やコメントに記載しているリンクをすべてHTTPSに書き換える

これは面倒なので`Search Regex`というプラグインを利用しましょう。
インストールし有効化すると、下記のようにツールから設定画面に入れます。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfNDI2MTA1YmFlMmIzZjhjMmZmMDM1NGE5ZTE3OGIxOGUifQ.2Wy0d1fKCdtbO7XKrYGd9sqBoNjaZkIbq1RxIk6AfMU-png.jpg)](https://gyazo.com/364c6f43deb2089957690c53ec284a5b)

そして、
`Search pattern`に置換されるべきURLである`http://xxx.com/`を入力します。
`Replace pattern`に置換後のURLである`https://xxx.com/`を入力します。

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfZjNiMGIzYTRiMTA1ZjMzZmIzNTBkZWViNzQ0YjhlNGIifQ.uoUhe4HzDQWSJFrs8SoTHe-vmzh-LIio8B-h1NLYNmU-png.jpg)](https://gyazo.com/cb36cbbfc331820c9009284cbe0c8c09)

その後`Replace`をクリックすると置換が想定される一覧が表示され、
`Replace & Save`で置換が確定します。

※記事にリンクを張っていない等のケースだと置換が想定される対象がなく`There are no results.`と表示されます。

## リダイレクト設定

現状は`http://xxx.com/`でも`https://xxx.com/`でもアクセスできる状況になっています。

そこで`http://kxxx.com/`内にアクセスしてきた場合は`https://xxx.com/`内の方に自動で遷移するように設定します。

まずは[https://lolipopftp.lolipop.jp/dir/root/](https://lolipopftp.lolipop.jp/dir/root/)にアクセスします。

ファイル一覧が表示され`.htaccess`というファイルをクリックします。
そして以下のように編集します。

(`編集前`)

```/.htaccess
#SITEGUARD_PLUGIN_SETTINGS_START
#==== SITEGUARD_RENAME_LOGIN_SETTINGS_START
<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteBase /
    RewriteRule ^wp-signup\.php 404-siteguard [L]
```

(`編集後`)

```/.htaccess
#SITEGUARD_PLUGIN_SETTINGS_START
#==== SITEGUARD_RENAME_LOGIN_SETTINGS_START
<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteBase /
# ここから追記
    RewriteCond %{HTTPS} off
    RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
    RewriteRule ^index\.php$ - [L]
# ここまで追記
    RewriteRule ^wp-signup\.php 404-siteguard [L]
```

これでその他設定も問題ありません！

## HTTPS化についての基礎知識

URLの頭に`http://`とか`https://`とはついているが、
これは問い合わせフォームとかで送られる情報が暗号化されている（`https://`）か否（`http://`）かの違いである。
クレジット番号などを入力するWEBサイトであれば`https://`は必須。

でこのHTTPS化にもいろいろな方法がある。

- ドメイン認証を経てのHTTPS化（ドメインがちゃんと存在しているかを確認される）
- 企業認証を経てのHTTPS化（ドメイン存在確認＋TELで企業が存在するか確認）
- EV認証を経てのHTTPS化（ドメイン存在確認＋TELで企業が存在するか確認＋資料提出）

なんやわけわからんが、**すべて機能的には暗号化されるので同じ**なのです。
しかし`どの機関が認証しているか`だったり`見た目`が変わったりするので**ユーザ心理的な違いはある。**

### 何もしていない状態の見た目

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfNGY4N2NjMDZjNzFjM2RmM2M2ZDk0ZmZhNjI4YzkxZGMifQ.8w-QwOxsJmlIA9MHLjQQHBvFfqpoqNQE9XoUG0Eegek-png.jpg)](https://gyazo.com/714d765ae99bd1a7091074f7a877f69b)

こんな感じでURLの左側に`保護されていない通信`と表示されてしまう。これだとクレジットぜったいあかん。

### ドメイン認証の見た目

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfMTYxN2NlZWE3NTgyNmM2YWRmNjBiNmZkOGQ1ZTg3MTcifQ.21pzq0XhdTKpPUzxLmVdSfb7_dy5HS6uwSS7yl5qPFM-png.jpg)](https://gyazo.com/f4f6321619ac8a91ea7a562fe337f4a4)

URLの左側に鍵マークがつきます。安心ですね。
そして最近は無料のドメイン認証[Let's Encrypt](https://letsencrypt.org/)が出てきたのでこれの選択肢はありです。
有料機関のサービス利用だと月額数千円ってとこ。

### 企業認証の見た目

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfMWFkZWM2YWNkYzQ3MzZiYWIxNjNmYmE1YzNmMGE0ZjgifQ.LAO8OPFOeaZCSUgDk05nIuwMSG3sJaP3nWmBhrXyrcQ-png.jpg)](https://gyazo.com/69be89072ec90a4ceca0fb717ea731e4)

ドメイン認証の見た目と変わりません。
法人でHTTPS化する場合で企業認証を行う有名どころサービスとしては、シマンテック、ジオトラスト、グローバルサインインとかがある。
値段は5-10万円ってところ。


### EV認証

[![Image from Gyazo](https://thumb.gyazo.com/thumb/200/eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpbWciOiJfZTAzNjQ2M2M0ZjQ2MjFjNDc1ZGJmNDM2NzNjMjUyYTAifQ.Iz_RyGlal3D-unAPfGSM_qs-i9vILqPMzgIz9uac2Ac-png.jpg)](https://gyazo.com/8e52570fa0b9c12fb745ab9b70aba083)

こんな感じでURLの左にかっちょイイ感じで企業名と国がでます。
EV認証は年間10万円overとかざら。
でもこれ、銀行サイトとか決済サイトとかだと心理的に安心感ありますよね。

参考：https://www.cpi.ad.jp/column/column08/