【Cloudflare】WikiChree.COMの設置にMuuMuuDomainとCoreServerでCloudflareを使った話 の変更点
#author("2024-01-08T15:50:00+09:00","default:pitablog","pitablog")
#author("2024-01-08T15:50:25+09:00","default:pitablog","pitablog")
#include(include/oldblog,notitle)
CENTER:&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-9.png,640x);
----
* 【Cloudflare】WikiChree.COMの設置にMuuMuuDomainとCoreServerでCloudflareを使った話 [#title]
#splitbody{{
LEFT:
&tag(サーバー,サービス,情報技術,通信技術,Cloudflare,CoreServer,MuuMuuDomain;
&tag(サーバー,サービス,情報技術,通信技術,Cloudflare,CoreServer,MuuMuuDomain);
#split
RIGHT:&size(13){投稿日: 2022-08-07 (日)};
}}
#bcontents
* はじめに [#c50b2eb8]
WikiChree.COM、個人サイト、当ブログなど私の所有しているサイトではHTTPS化、サイバー攻撃(DDoS等)対策、キャッシング等をするためにCloudflareを使ってます。
Cloudflareは有料な部分もありますが、基本的には無料で使うことはできます。
今回はそのCloudflareのセットアップ方法を説明します。
WikiChree.COMではMuuMuuDomainとCoreServerを使っているのでMuuMuuDomainでDNSの設定、CloudflareでのDNSはCoreServerのIPを参照させますが、他のサービスでも参考になるとは思います。
* 前提条件 [#v65effa0]
- 独自ドメインを取得していて、ドメインからCoreServerのサーバーへアクセスできる状態であること。
* Cloudflare [#jbaba4fc]
** アカウント登録 [#u87716ee]
#ecache{{
#blink(https://dash.cloudflare.com/sign-up)
}}
上記のURLでCloudflareのアカウントを作成しましょう。
右上から日本語を選択できます。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted.png,);
** サイト追加 [#udfe6543]
作成ボタンをクリックしたら、左のサイドバーから「Web サイト」、真ん中の「サイトを追加」で進みましょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-1.png,);
自分のルートドメインを入力して進みましょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-2.png,);
無料である一番下のFreeプランにしました。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-3.png,);
以前のDNSを自動で取得してくれるため、DNS管理の画面が出てきます、そのまま進めてください。
** ネームサーバーの設定 [#s7fb397b]
以下の通りにドメイン レジストラ(MuuMuuDomain、Value Domain等)でCloudflareのネームサーバーを追加しましょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-4.png,);
MuuMuuDomainではネームサーバー設定変更のボタンをクリックしてネームサーバーの画面が開けます。
サービスによってはネームサーバーの設定画面、もしくはDNS設定画面でネームサーバーを指定することができます。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-5.png,);
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-6.png,);
上記のように必ずCloudflareからコピーしたネームサーバーのドメインを貼り付けてください。
既に私は登録しているので、画像でムームードメインでの登録例を見せています。
Cloudflareの方を進めましょう。
レジストラ(ドメインサービス)によっては反映までに時間がかかるものもあるようですが、私はすぐに反映されました。
あ、CoreServer側の設定は不要でしたね^^;
*** ネームサーバー設定ガイド [#ee1f9cd8]
- お名前.com: [[https://www.onamae.com/guide/p/67]]
- ムームードメイン: [[https://support.muumuu-domain.com/hc/ja/articles/360047097273-%E3%83%8D%E3%83%BC%E3%83%A0%E3%82%B5%E3%83%BC%E3%83%90%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E6%96%B9%E6%B3%95-GMO%E3%83%9A%E3%83%91%E3%83%9C%E4%BB%A5%E5%A4%96%E3%81%AE%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9-]]
- バリュードメイン: [[https://www.value-domain.com/userguide/manual/modns]]
- Google Domains: [[https://support.google.com/domains/answer/3290309?hl=ja]]
* おまけ [#p8caabe2]
** DDoS対策 [#t9db61b2]
DDoS攻撃を受けている際はサイドバーの「概要」から「Under Attack モード」を有効にしてみてください。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-7.png,);
一度オンにしてオフにしてみると以下のような画面が出てきます。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-8.png,);
セキュリティ レベルは攻撃されていないのであれば普通は標準かオフでもいいでしょう。
1日1回、毎回DDoS攻撃されているのであれば、Unser Attack モード、もしくは高にしましょう。
** HTTPS化 [#tb3ddbe3]
サイドバーの「SSL/TLS」からSSLの設定を開きましょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-9.png,);
サーバー上でSSL化しているのであれば「フル」、最初からSSL化していないのであれば「フレキシブル」でいいでしょう。
これだけでHTTPS化は完了なのですが、ついでに以下の設定も行いましょう。
サイドバーの「SSL/TLS」＞「エッジ証明書」を開きましょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-10.png,);
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-11.png,);
私は上記のように設定しています。
日和見暗号化とは、暗号化済み、SSL化済みしているが、見た目上はhttpのままにできるという機能です。SEO対策には影響ありませんのでオンにしてても問題はありませんが、httpsの方が私は好きなのでオフにしてますね。
** キャッシング [#i8e31f74]
勝手にキャッシングされるようになってますが、3時間ぐらいにした方が良さそうです。JavaScript、CSSを更新しても、このキャッシュで更新されずに困ることがあるんですよね。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-12.png,);
3時間にしておきます。
また、更新したCSS、JavaScript、画像など確認したい際は開発モードを有効にするといいでしょう。
&ref(https://blog.pitan76.net/wp-content/uploads/2022/08/Pasted-13.png,);
* おわりに [#h931a6fe]
イメージ的には「独自ドメイン」→「Cloudflare」→「CoreServer」といった感じでしょうかね。
Cloudflareはアクセス解析、ドメイン購入といろいろできるので素晴らしいサービスだと思います。
無料でここまでできるのも凄いですよね。
** コメント [#comment]
#pctrlcmt
&size(10){キーワード: Web, ムームードメイン, WikiChree.COM, レンタルサービス, コアサーバー};
![[PukiWiki]](./skin/logo.png "[PukiWiki]"){kind=logo}
