なつねこメモ

2023/08/26

Cloudflare Pages で Preview Deployment にもドメインを割り当てたい

Cloudflare Pages 便利ですよね。
push するだけでビルドするのはよくありますが、そこから Cloudflare がもつ世界中のサーバーに投げてくれるのはとても良いです。
ところで、　 Preview Deployment として反映されているものにもドメインを割り当てたいと思ったことはありませんか？

例えば、 project.pages.dev というドメインが Production Deploy に割り当てられていて、そこに www.natsuneko.cat としていた場合、
ある Preview Deployment には staging.project.pages.dev が Cloudflare から割り当てられて、そこに staging.natsuneko.cat を割り当てたいケース等です。

Cloudflare Pages の設定上からは出来ないように見えますが、実はしくみ上可能なのです。
ということで、やり方。

1. 通常の方法で Production Deployment に対してドメインを割り当てる
2. Cloudflare Pages 上で Active となったら、 CNAME の割当先を [branch].[name].pages.dev へ変更する
3. しばらく待つと、割り当てたドメインで [branch].[name].pages.dev が表示されるようになる

といった形。

参考：

• Attach a subdomain to a specific branch (DEV) in Cloudflare Pages - Website, Application, Performance / Getting Started - Cloudflare Community