Site icon image World Hacker(ぎょうざブログ)

Think Different, Connect Dots for Line.

【Tips - Cloudflare】実例でわかるシリーズ

みなさんどうも、こんばんみ~。ぎょうざです。

みんな大好き、Cloudflareさんの提供する数多くの機能を

ぎょうざが利用する際に躓いたところを備忘録的に残しておきます。

同じようなケースあるいは現象で困っている方の参考になれば幸いです。

【目次】

Cloudflare Pages提供ドメイン(~~~.pages.dev)からカスタムドメインへリダイレクト設定する

カスタムドメインをお持ちであれば、お持ちのカスタムドメイン(’~~~.com’、’~~~.jp’など)へ

自分だけのサイトURLとして設定したいですよね。今回のポイントはURLの正規化、詳細は改めて。

Cloudflareであれば、GUI上で簡単に設定できるので、実際に手を動かして、一緒にトライしてみましょう!

(※言語設定:日本語なので、適宜ご自身の環境に読み替えて作業してください)

①画面左側のナビゲーションバーの「一括リダイレクト」を開きます
Image in a image block
Image in a image block

②「一括リダイレクトルールの作成」を開きます
Image in a image block

※僕の場合、すでに追加しているリダイレクト設定があるので、1件がカウントされています。

③リスト名をつけます

リスト名の付け方に注意:小文字、アンダースコアのみ

④リダイレクト元とリダイレクト先を設定します

「ソース URL」には リダイレクト元のURL「~~~.pages.dev」を入力します

「ターゲットURL」には httpsを含む リダイレクト先のURL、お持ちのカスタムドメイン(’~~~.com’、’~~~.jp’など)を入力

「ステータス」は「301」のままでOKです

⑤ルール名をつけて、追加のパラメータを入力します

続いて「パラメータを編集する」をクリックして展開します。

「クエリ文字列を保持する」、「サブパスの一致」、「パス サフィックスを保持する」にそれぞれチェックを入れます

⑥設定完了したら「次へ」を押してデプロイし、Cloudflareでの設定は完了です
⑦ 最後に、リダイレクトされるか確認してみましょう。

使用しているウェブブラウザで、リダイレクト元のURLを入力して、きちんとリダイレクトしたいURLに飛ぶようになっていれば作業完了です。

ミッションコンプリート!

ここまで読んでいただき、ありがとうございます。

以上、ぎょうざでした。