コンテンツにスキップ

カスタムドメイン

Pagesプロジェクトをデプロイする際に、カスタムドメイン（またはサブドメイン）をサイトにポイントしたい場合があります。

カスタムドメインを追加する

カスタムドメインを追加するには：

  1. Cloudflareダッシュボード ↗にログインします。
  2. アカウントホーム > Workers & Pagesでアカウントを選択します。
  3. Pagesプロジェクトを選択し、カスタムドメインを選択します。
  4. ドメインを設定を選択します。
  5. Cloudflare Pagesサイトを提供したいドメインを入力し、続行を選択します。

Cloudflareダッシュボードを通じてPagesプロジェクトのカスタムドメインを追加する

カスタムエイペックスドメインを追加する

エイペックスドメイン（例えば、example.com）にデプロイする場合は、サイトをCloudflareゾーンとして追加し、ネームサーバーを設定する必要があります。

ネームサーバーを設定する

Pagesプロジェクトでカスタムエイペックスドメイン（例えば、example.com）を使用するには、ネームサーバーをCloudflareのネームサーバーにポイントするように設定します。ネームサーバーがCloudflareに正常にポイントされている場合、CloudflareはCNAMEレコードを自動的に作成します。

カスタムサブドメインを追加する

サブドメインにデプロイする場合、サイトがCloudflareゾーンである必要はありません。ドメインをCloudflare Pagesサイトにポイントするために、カスタムCNAMEレコードを追加する必要があります。カスタムエイペックスドメインにPagesプロジェクトをデプロイするには、そのカスタムドメインがPagesプロジェクトを作成したCloudflareアカウントのゾーンである必要があります。

カスタムCNAMEレコードを追加する

ネームサーバーをCloudflareにポイントしたくない場合は、Cloudflare Pagesでサブドメインを使用するためにカスタムCNAMEレコードを作成する必要があります。DNSプロバイダーにログインした後、希望するサブドメイン（例えば、shop.example.com）のCNAMEレコードを追加します。このレコードは、カスタムPagesサブドメイン（例えば、<YOUR_SITE>.pages.dev）を指す必要があります。

タイプ名前コンテンツ
CNAMEshop.example.com<YOUR_SITE>.pages.dev

サイトがすでにCloudflareゾーンとして管理されている場合、DNSレコードを確認した後にCNAMEレコードが自動的に追加されます。

カスタムドメインを削除する

Pagesプロジェクトからカスタムドメインを切り離すには、ゾーンのDNSレコードを変更する必要があります。

まず、Cloudflareダッシュボードにログインし、アカウントホームでアカウントを選択し、ウェブサイトを選択してDNSに移動します。

次に、DNS > レコードで：

  1. PagesプロジェクトのCNAMEレコードを見つけます。
  2. 編集を選択します。
  3. 削除を選択します。

次に、アカウントホームでWorkers & Pagesに移動します：

  1. 概要でPagesプロジェクトを選択します。
  2. カスタムドメインに移動します。
  3. カスタムドメインの隣にある三点アイコンを選択し、ドメインを削除を選択します。

これらの手順を完了すると、Pagesプロジェクトは作成時に選択した*.pages.devサブドメインを通じてのみアクセス可能になります。

*.pages.devサブドメインへのアクセスを無効にする

プロジェクトが提供する*.pages.devサブドメインへのアクセスを無効にするには：

  1. プレビュー（*.{project}.pages.dev）に対してCloudflare Accessを使用します。プレビューデプロイメントアクセスをカスタマイズするを参照してください。

  2. プロダクションPagesプロジェクトに関連付けられた*.pages.dev URLをカスタムドメインにリダイレクトします。アカウントレベルのバルクリダイレクト機能を使用して、*.pages.dev URLをカスタムドメインにリダイレクトできます。

キャッシング

キャッシングに関するガイドラインについては、キャッシングとパフォーマンスを参照してください。

既知の問題

CAAレコード

認証局認可（CAA）レコードは、特定の認証局（CA）に対して証明書の発行を制限することを可能にします。

これにより、Cloudflareがカスタムドメインの証明書を発行できないCAAレコードがある場合、Pagesプロジェクトにカスタムドメインを追加する際に問題が発生する可能性があります。

これを解決するには、Cloudflareがカスタムドメインの証明書を発行できるように必要なCAAレコードを追加します。

example.com.            300     IN      CAA     0 issue "comodoca.com"
example.com.            300     IN      CAA     0 issue "digicert.com; cansignhttpexchanges=yes"
example.com.            300     IN      CAA     0 issue "letsencrypt.org"
example.com.            300     IN      CAA     0 issue "pki.goog; cansignhttpexchanges=yes"
example.com.            300     IN      CAA     0 issuewild "comodoca.com"
example.com.            300     IN      CAA     0 issuewild "digicert.com; cansignhttpexchanges=yes"
example.com.            300     IN      CAA     0 issuewild "letsencrypt.org"
example.com.            300     IN      CAA     0 issuewild "pki.goog; cansignhttpexchanges=yes"

詳細については、認証局認可（CAA）FAQを参照してください。

PagesからDNSエントリを変更して再度戻す

カスタムドメインが設定されると、DNSエントリを他のもの（例えば、オリジン）にポイントすると、カスタムドメインは非アクティブになります。その後、そのDNSエントリをカスタムドメインに戻すと、そのDNSエントリを使用してウェブサイトにアクセスする人は、再度アクティブになるまでエラーが表示されます。DNSエントリを変更する代わりにPagesプロジェクトからトラフィックを一時的にリダイレクトしたい場合は、オリジンルールやリダイレクトルールを使用する方が良いでしょう。

関連リソース

  • Pagesのデバッグ - Pagesプロジェクトをデプロイする際の一般的なエラーを確認します。
Cloudflare DashboardDiscordCommunityLearning CenterSupport Portal
Cookie Settings