Webサイトのhttps化が簡単にできるCDNサービスを使ってhttps化を試してみました。

CDNとは

Contents Delivery Networkの略で日本語でいうと「コンテンツ配信ネットワーク」の意味。インターネット上にキャッシュサーバーを分散的に配置してエンドユーザーに近い経路にあるキャッシュサーバーから画像や動画などのWebコンテンツを配信する仕組み。そうすることでWebサイトをスピードアップさせることができるらしいです。

Cloudflareとは？

今回使うCloudFlareは日本国内シェア率が高いCDNサービスです。日本語のサービスサイトはこちら。
https://www.cloudflare.com/ja-jp/cdn/

上記のサイトを見るとわかるように料金は無料から使えます。

CDNの機能だけでなく、WAFなどのセキュリティ機能やカスタマイズ、大規模なPVのあるサイト、サービスレベルによって課金プランが異なるようです。今回は無料プランを試します。

手順

前提

以下が揃っている前提で作業を行います。
- ドメイン手配済み（私はお名前ドットコムから購入）
- Webサイト構築し、独自ドメイン設定してhttp://hogehoge.com でアクセス可能な状態になっている
- Webサイトの外部用IPアドレスがわかっている

アカウント登録

アカウントの新規作成を行います。こちらのサイトにアクセスするとログイン画面に飛びますので[Sign up]をクリックします。
アカウント作成画面でメールアドレスとパスワードを入力し、[Create Account]をクリックします。

https化したいサイトのURLを入力して[Add site]をクリックします。

プランはフリーを選択して[Confirm plan]をクリックします。

DNS関連の設定画面が表示されますのでIPアドレスとドメインを紐づける設定の入力を行い[Continue]をクリックします。

私はお名前ドットコムからドメインを購入し、GCPでWebサイトを立ててネームサーバー（NSレコード）を独自ドメインに変更した直後でこの作業を行っているので、この画面になった時には2件表示されてIPアドレスもお名前度とおコムのIPアドレス？なのか異なるIPアドレスが表示されましたが1件削除して1件はIPアドレス修正しただけでOkでした。

あれ。さっき独自ドメインでサイト表示させるためにお名前ドットコムでネームサーバー変更したばかりなのにまたネームサーバー変更するみたいです。この2つのネームサーバー名をドメインを購入したサイトの管理画面で変更してと書いてあるので

私の場合にはお名前ドットコムのネームサーバー変更画面でお名前ドットコム内のネームサーバーから外部のDNSに変更する作業をしました。

お名前ドットコムのネームサーバー変更は最大72時間かかるらしいのでここは待つしかないですが今回私が試した時には1時間程度で反映されました。Cloudflareのダッシュボードでも「Great news! Cloudflare is now protecting your site」と表示されてます。

上のメニュータブから[Crypto]をクリックして暗号化設定を管理するための設定を確認します。

下にスクロールすると「Always Use HTTPS」の設定項目がありますので[ON]にします。これはhttpスキームへのリクエストをhttpsスキームにリダイレクトする設定です。

さらに下にスクロールして表示される「Automatic HTTPS Rewrites」がONになっていない場合にはONに変更します。この設定はhttpとhttpsの混合コンテンツを修正してくれる設定みたいです。コンテンツの中の画像がhttpになってた場合とかに最適化してくれるものかなとイメージしました。