はじめに
AWSとCloudflareのマルチクラウド構成でブログサイト(https://koseizakio.link/ )を開発した。主に画像の表示速度の改善を目的としている。AWSのCloudFront(CDNサービス)は、設定が面倒なのとコストが高いのでもう少しいいのないか探していたらCloudflareに出会った。
基本構成
AWS
|- Route53 DNS
|- Lightsail オリジンサーバー(WordPress)
|- Amazon SES (お問い合わせ送信)
Cloudflare
|- SSL証明書
|- CDN
LightsailでWordPress導入する
Amazon Lightsail は、数クリックでウェブアプリケーションやウェブサイトを立ち上げられる、使いやすいクラウドリソースを提供します。Lightsail は、インスタンス、コンテナ、データベース、ストレージなどの簡素化されたサービスを提供します。Lightsail では、WordPress、Prestashop、LAMP などの事前に設定されたブループリントを使用して、ウェブサイトやアプリケーションを簡単に立ち上げることができます。
下記のURLのドキュメントに従ってLightsailの導入を行いました。
Lightsailは、CDNのサービスに課金したくないので廃止しました。
Route 53のDNS情報を変更する
AWS Route 53のNSレコード(ネームサーバー)をCloudflare側で提供するNSレコードに変更します。
ネームサーバー変更から反映されるのに最大24時間かかります。
Aレコードは、Lightsail(Wordpress)の静的パブリックIPアドレス記入。
NSレコード変更時に参考にしたURL
基本料金
AWS Route53
.linkの年間料金(5ドル/年)
.linkの月額レジストラ料金(0.5ドル/月)
AWS lightsail
・Webサーバー月額料金(5ドル/月)
Amazon SES
・1日あたり200送信まで(無料)
Amazon Lightsail（WordPress）ではメール送信が不可のためSMTP認証サービスを利用することにした。
「Lightsailを作ってみる②～ Amazon SESの設定」の記事をもとにAmazon SES
Cloudflare
・SSL証明書(Let's Encrypt)※ 無料
・３ヶ月ごとに有効期限自動更新
・CDN(Freeプラン)※ 無料
Cloudflare導入後
GT metrixのスコア
GoogleのPageSpeed Insightsでパフォーマンスレポートを実行した結果
※ Google Analytics 4を導入するとパフォーマンスが10点低下する。
Webトラフィック
国別の Web トラフィック リクエスト
最後に
自分で購入したドメインのDNS情報にCloudflareが提供するNSレコードを書き換えるだけで、CloudflareのCDN、セキュリティサービスをFreeプランから利用できるのは大きい。反映されるのに最大24時間かかるのが良くない点だと思う。Web制作会社さんにおすすめのクラウドサービスと言える。
※DNS例)AWS Route53、AzureDNS、GoogleCloudDNS、ムームードメイン、XServer、お名前.comなど