Cloudflare Pagesにデプロイ後のテスト記事

投稿日: 2024-07-01

画像をCloudflare R2から読み込んでみる

著者: Astro学習者

Cloudflare Pagesにこの練習用サイトを公開し、独自ドメインを適用することに成功しました。 また、画像はその独自ドメインのサブドメインを使って、Cloudflare R2にアップロードしています。 以下にその手順をメモしておきます。

1. cloudflareにドメインを登録する。
   1. 新規登録ドメインなら？DNSが自動表示されないけど設定せずにスキップしてよい。
   2. cloudflareにてドメイン登録操作（2つのネームサーバーが表示される）。
   3. エックスドメインにて「その他のサービスで利用する」として2つのネームサーバーを入力。
2. Cloudflare R2に登録したドメインのサブドメインを登録。
   有効化されると画像URLからアクセス可能に！！！
3. PagesにてGithubのリポジトリからデプロイする（xxx.pages.devにて公開される）。
4. Workers & Pagesからサイト名を選んで「カスタムドメイン」タブから登録したドメインを選択。
5. .pages.devのデフォルトドメインでも公開され続けるので、publicに_headersファイルを設置してnoindex設定する。

次の画像は、Cloudflare R2にアップロードして、サブドメインにて配信しているテスト画像です。

このページが表示されていたら、Githubにpushした更新がきちんとサイトに適用されていたこととなります🎉