STEP5: 独自ドメインを接続する

ドメインがCloudflareのネームサーバーに向いていれば、wrangler.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リダイレクトする。

   コピー

   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