Skip to content
るいラボ
原神ツール

Cloudflare Pages の設定について

— Development Notes — 1 min read

Pages へデプロイしたあと，設定したことのメモ

カスタムドメイン

著者の場合，Cloudflare でドメインを購入し，そのままカスタムドメインの設定を行った．

Pages の「カスタムドメイン」タブからポチポチやっていけば，そのまま設定できた．

project.pages.dev を noindex

カスタムドメイン設定後，元のドメインページはそのまま残り続ける．
何もしなければ，元ドメインも検索エンジンにインデックスされてしまう．
その対策として，次の事をやる．

  • _headersファイルの作成（拡張子なし）
  • _headersをpublic直下へ置く
    Gatsbyの場合，static直下へ置く
_headers
1https://project.pages.dev/*
2  X-Robots-Tag: noindex

できているかどうかの確認は，「レスポンスヘッダ 確認」でググって，下記のようになっていればOK．
（Braveのデベロッパーツールで見た時）

dev-cloudflare-pages-setting-1

参考：Custom Headers for Cloudflare Pages

xxx.project.pages.dev へのアクセス制限

Cloudflare Pages の場合，各ビルド毎にプレビューページを作成してくれる．
こちらのページも何もしなければ，一般公開されるので，制限したい．

Pages の「設定」タブから「Access ポリシー」があるので，有効化する．
進めていくと，途中で月額料金を聞かれるので，特に理由がなければ「$0 / user / month」を選択する．
これが完了すると，自動でアクセス制限をかけてくれる．

以前は，トグルボタンのようなもので，設定するようだったが，(2022/03/24)時点では，
Access アカウントを作成して，Applications にページが含まれていれば，完了するもよう．

Web Analytics のバグ？に遭遇

症状と問題

  • Web Analytics が機能しない
  • Pages の「設定」タブから Web Analytics を無効化できない
  • Beacon はあるが，エラーが出ている

関係あるかもしれないこちらの行動

  • Pages の「設定」タブから Web Analytics を有効化したり無効化したりした

解決策

プロジェクトを一旦削除して再デプロイ

  1. カスタムドメインの解除
    解除時に一旦エラーが出るが，数秒後解除された
  2. プロジェクトを削除
  3. 再デプロイ
  4. カスタムドメインの再設定

これで，Web Analytics から「サイトを追加」で追加するとアクセス解析ができるようになる．

— Development Notes —