Cloudflare PagesでLPを公開しようとしていた際、
数日待ってもサイトが表示されず、
最終的に表示されたのは次のエラーメッセージでした。
最初はCloudflare Pagesの設定ミスを疑いました。
しかし結果的に原因はCloudflareのDNS設定ですらなく、
ドメインのネームサーバー設定にありました。
この記事では、
実際に発生したトラブルと解決までの流れをまとめます。
同じ現象で悩んでいる方の参考になれば幸いです。
構成
- LP作成：microCMS
- 公開先：Cloudflare Pages
- 独自ドメイン：取得済み
- 旧環境：Xserverに過去LPあり
Cloudflare Pagesへのデプロイ自体は成功していました。
プレビューURLでは正常に表示されます。
しかし独自ドメインを設定すると、
いつまで待っても公開状態になりませんでした。
発生した症状
Cloudflare Pagesの管理画面では問題が見当たりません。
- デプロイ成功
- ビルド成功
- カスタムドメイン設定済み
- SSL設定も有効
それにも関わらずブラウザでアクセスすると、
以下のメッセージが表示されました。
無効なURLです。
プログラム設定の反映待ちである可能性があります。
しばらく時間をおいて再度アクセスをお試しください。
数時間待っても変化なし。
翌日になっても改善しませんでした。
最初に疑ったこと
1. Cloudflare Pages側の設定ミス
カスタムドメイン設定を再確認しました。
- ドメイン入力ミスなし
- SSL有効
- デプロイ成功
- ビルドエラーなし
特に問題は見当たりません。
2. DNSレコード設定ミス
Cloudflare DNSを確認しました。
- CNAME設定
- Aレコード設定
- Proxy状態
こちらも異常なし。
3. SSL証明書問題
Chrome DevToolsのSecurityタブを確認しました。
結果は証明書正常。
HTTPS自体は成立していました。
意外だった本当の原因
原因はCloudflare DNS設定ではありませんでした。
ドメインのネームサーバーが
Cloudflareへ切り替わっていなかったのです。
つまり構造としては以下の状態でした。
ユーザー ↓ ドメイン管理会社 ↓ 旧ネームサーバー ↓ Xserver
CloudflareでDNS設定を行っていても、
そもそもインターネット側がCloudflareを参照していません。
CloudflareのDNS設定が完璧でも、
利用されていない状態でした。
なぜ「無効なURLです。」になったのか
旧ネームサーバー側では、
過去にXserverで運用していた設定が残っていました。
そのためアクセスはCloudflareではなく、
旧サーバー側へ到達していました。
結果として表示されたのが、
Xserver系のエラーページでした。
無効なURLです。
つまりCloudflare Pagesの問題ではなく、
アクセス先がCloudflareに到達していなかったのです。
解決までに行ったこと
Step1：旧環境の確認
まずXserverに過去LPが残っているか確認しました。
- 旧ドメイン設定
- サブドメイン設定
- 転送設定
- SSL設定
不要な設定は整理しました。
Step2：ネームサーバー確認
ドメイン管理会社の管理画面を開きます。
するとネームサーバーが
Cloudflareではなく旧設定のままでした。
Step3：Cloudflare指定値へ変更
Cloudflareが発行している
2つのネームサーバーへ変更します。
xxxx.ns.cloudflare.com yyyy.ns.cloudflare.com
※実際は各アカウントごとに異なります。
Step4：反映待ち
ネームサーバー変更後、
数分〜数時間程度で反映されました。
今回は比較的早く反映され、
Cloudflare Pagesが正常表示されるようになりました。
確認時に役立ったチェックポイント
Cloudflare Pages
- デプロイ成功しているか
- プレビューURLで表示されるか
- カスタムドメイン状態
Cloudflare DNS
- CNAME設定
- Aレコード設定
- Proxy状態
ブラウザ
- シークレットモード
- 別ブラウザ確認
- キャッシュ削除
Chrome DevTools
- Securityタブ
- Networkタブ
ドメイン管理会社
- ネームサーバー設定
- Cloudflare指定値になっているか
今回学んだこと
Cloudflare Pagesでサイトが表示されない場合、
ついDNSレコードばかり確認してしまいます。
しかしその前に、
そもそもネームサーバーがCloudflareを向いているか確認することが重要です。
今回のケースでは、
Cloudflareの設定は正しかったにも関わらず、
ネームサーバーが旧環境のままだったため、
Cloudflareの設定が一切使われていませんでした。
結果として
「無効なURLです。」
というエラーが表示され続けていました。
まとめ
- Cloudflare Pagesは正常だった
- DNS設定も正常だった
- SSLも正常だった
- 原因はネームサーバー未変更
- 旧Xserver設定へアクセスしていた
- Cloudflare指定NSへ変更して解決
もしCloudflare Pagesで
「いつまで待っても公開されない」
「無効なURLです」
が表示される場合は、
DNSレコードより先にネームサーバー設定を確認してみてください。
意外とそこが原因になっているケースがあります。
コメント