独自ドメインをつなぐ手順

ドメインドメイン（どめいん）example.comのような、サイトの住所になる名前インターネット上の「住所」。番地（IPアドレス）の代わりに覚えやすい名前をつけたもの用語集で詳しくがCloudflareCloudflare（くらうどふれあ）サイトを速く・安全にするための世界的なネットワーク会社インターネットの「交番と宅配便」を兼ねたような会社。安全を守りつつ速く届ける用語集で詳しくのネームサーバーネームサーバー（ねーむさーばー）ドメインの情報を管理する係のサーバードメインの「管理人」。このドメインは今どこで使われているかを答えてくれる用語集で詳しくに向いていれば、wranglerwrangler（らんぐらー）Cloudflare Workersを操作するための公式CLICloudflareの現場監督。デプロイやリソース作成を指示通りに実行してくれる用語集で詳しく.jsoncにroutesを追加するだけで独自ドメインに接続できる。

1. 1

   wrangler.jsoncにroutesを追加する

   コピー

   "routes": [
     { "pattern": "example.com", "custom_domain": true },
     { "pattern": "www.example.com", "custom_domain": true }
   ]

2. 2

   wwwをapexへリダイレクトするコードを書く

   src/worker.tsのfetchハンドラでhostnameを見て301リダイレクト301リダイレクト（さんまるいちりだいれくと）古いURLに来た人を新しいURLへ自動で転送する仕組み引っ越し先の住所を書いた張り紙を、前の家の郵便受けに貼っておくイメージ用語集で詳しくする。

   コピー

   async fetch(request, env, ctx) {
     const url = new URL(request.url);
     if (url.hostname === "www.example.com") {
       url.hostname = "example.com";
       return Response.redirect(url.toString(), 301);
     }
     return handler.fetch!(request, env, ctx);
   }

3. 3

   再デプロイして確認する

   コピー

   npm run build && npx wrangler deploy

ドメインをCloudflareに追加していないとどうなるの？

出典: Cloudflare WorkersWorkers（わーかーず）Cloudflare上でプログラムを動かすサーバーレスの仕組み世界中の拠点に置かれた、注文が来たらすぐ動く小さな作業員（プログラム）用語集で詳しく Custom Domainカスタムドメイン（かすたむどめいん）自分のドメインをCloudflare Workersに直接つなぐ機能仮住まい（workers.dev）から、自分名義のマイホーム（独自ドメイン）に引っ越す用語集で詳しくs（https://developers.cloudflare.com/workers/configuration/routing/custom-domains/）