カスタムドメインを接続

アプリを hostname:port のアドレスではなく yourdomain.com で到達できるようにしたいですか？ このガイドでは、無料のリバースプロキシとして Cloudflare を使い、自分のドメインを Daki のサーバーに向ける方法を説明します。Cloudflare が HTTPS を処理し、訪問者をアプリが待ち受けるカスタムポートへ転送します。

このページで学べること

• Daki でカスタムドメインにリバースプロキシ（Cloudflare など）が必要な理由
• プロキシ経由の DNS レコードでドメインをサーバーに向ける方法
• ドメインで無料の HTTPS を有効にする方法
• Origin Rule でアプリのポートにトラフィックを転送する方法
• Cloudflare Tunnel（cloudflared）を使う上級者向けの代替手段

前提条件

• 公開ポートの割り当てを持つ有料プランのサーバー — アプリ・ボットホスティングのプラン を参照
• 所有しているドメイン名（任意のレジストラで登録済み。例: Namecheap、GoDaddy、IONOS、Cloudflare Registrar）
• 無料の Cloudflare アカウント
• サーバーの割り当てポートで起動し、待ち受けている Web アプリ（HTTP/HTTPS）

Cloudflare が必要な理由

Daki は各ノード間で共有 IP アドレスを使用しており、アプリは標準以外のポート（サーバーに割り当てられた割り当て）で待ち受けます。そのため次の 2 つの問題が生じます:

• 訪問者は、yourdomain.com:4129 ではなく、標準の HTTPS ポート（443）で https://yourdomain.com に到達できることを期待します。
• 自分で管理せずに、有効な HTTPS 証明書がほしいところです。

Cloudflare をサーバーの前に置くと、両方が解決します。Cloudflare はリバースプロキシとして動作します: ブラウザは 443 番ポートで HTTPS を使って Cloudflare に接続し、Cloudflare がリクエストをカスタムポートでサーバーに転送します。無料の SSL と分かりやすい URL が得られ、サーバーの実際の IP は隠されたままになります。

サーバーの IP とポートを確認する

Portal の Network タブで、次の 2 つの値が必要です:

以降この例の値を使います。出てきた箇所では、ご自身の値に置き換えてください。割り当てについての詳細は ネットワークと割り当て を参照してください。

パート 1: Cloudflare の設定

1. 1

   ドメインを Cloudflare に追加

   1. 無料アカウントを dash.cloudflare.com で作成します（すでにお持ちの場合はログインします）。
   2. Add a site をクリックし、ドメイン（例: yourdomain.com）を入力します。
   3. 確認されたら Free プランを選択します。
   4. Cloudflare が 2 つのネームサーバー（例: xxx.ns.cloudflare.com）を提示します。
   5. ドメインのレジストラ にログインし、ドメインのネームサーバー / DNS 設定を開いて、既存のネームサーバーを Cloudflare が提示した 2 つに置き換えます。

   ネームサーバーの変更が反映されるまでには、数分から 24 時間かかることがあります。ドメインが有効になると Cloudflare からメールが届きます。その間も次のステップを進められます。

2. 2

   DNS レコードを作成

   ドメインの Cloudflare ダッシュボードで DNS → Records を開き、Add record をクリックします:

   項目	値
   Type	A
   Name	@（ルートドメイン yourdomain.com を表します）
   IPv4 address	サーバーの IP（例: 203.0.113.10）
   Proxy status	Proxied（オレンジ色の雲 ☁️）

   Save をクリックします。

   オレンジ色の雲（Proxied） の状態は必須です — トラフィックを Cloudflare 経由にすることで、SSL とパート 2 のポート書き換えが機能します。グレーの雲（DNS only）にすると Cloudflare を完全にバイパスし、サーバーの IP が露出します。www.yourdomain.com も提供するには、名前 www で 2 つ目のプロキシ済みレコードを追加してください。

3. 3

   SSL/TLS を設定

   1. SSL/TLS → Overview を開きます。
   2. 暗号化モードを Flexible に設定します。

   Flexible では、訪問者と Cloudflare の間のトラフィックは暗号化（HTTPS）されますが、Cloudflare はカスタムポート上の平文の HTTP でアプリに接続します。アプリが平文の HTTP を提供している場合（カスタムポートのアプリの大半がそうです）、これが適切な選択です。

   アプリ自体が TLS を終端している（つまり、ポート上で直接 HTTPS を提供している）場合は、代わりに Full を選んでください。Flexible では Cloudflare とサーバーの間の接続は暗号化されない点に注意してください。機密性の高いトラフィックには、アプリで HTTPS を使う Full を推奨します。

パート 2: アプリのポートへトラフィックを転送する

アプリは標準の 80/443 ではなく、カスタムポート（例: 4129）で動作するため、Cloudflare がサーバーに接続するときに使うポートを指定する必要があります。Origin Rule がまさにそれを行います — 受信リクエストの宛先ポートを書き換えます。

1. 1

   Origin Rule を作成

   1. Cloudflare ダッシュボードで Rules → Origin Rules を開きます。
   2. Create Origin Rule をクリックします。
   3. ルールを設定します:

   設定	値
   When incoming requests match	Hostname equals yourdomain.com
   Then... Rewrite to	Destination Port → 4129（割り当てポート）

   4. Save（または Deploy）をクリックします。

動作を確認する

1. サーバーが実行中で、アプリが割り当てポートで待ち受けていることを確認します（Console タブで確認できます）。
2. ブラウザで https://yourdomain.com を開きます。
3. 有効な鍵マーク付きで、HTTPS でアプリが読み込まれるはずです。

すぐに読み込まれない場合は、DNS の反映をもう少し待ってから、下の よくある問題 を参照してください。

上級者向けの代替手段: Cloudflare Tunnel (cloudflared)

公開ポートを開いて、サーバーに A レコードを向ける代わりに、cloudflared（Cloudflare のトンネルクライアント）をアプリと一緒に実行できます。Cloudflare への外向きの接続を開き、トラフィックをローカルでアプリへ転送します。これによりサーバーの IP とポートは隠れたままになり、DNS の A レコードも Origin Rule も不要になります。

1. 1

   トンネルを作成

   1. Cloudflare Zero Trust ダッシュボードで Networks → Tunnels を開き、Create a tunnel をクリックして Cloudflared を選びます。
   2. 名前を付け、Cloudflare が表示するトンネルトークン（インストールコマンドの --token の後の長い文字列）をコピーします。
   3. トンネルに Public Hostname を追加します:
      • Domain: yourdomain.com
      • Service: http://localhost:4129（アプリのローカルポート）
2. 2

   トークンを .env に保存

   トークンをサーバーの .env ファイルに追加します（環境変数 を参照）。ソースコードに残らないようにするためです:

   .envコピー

   CLOUDFLARE_TUNNEL_TOKEN=your_tunnel_token_here

3. 3

   コードからトンネルを起動

   最初の実行時に cloudflared をダウンロードし、アプリと一緒に起動する小さなランチャーを追加して、そのランチャーを起動コマンドに設定します。CLOUDFLARE_TUNNEL_TOKEN が設定されている場合にのみトンネルを起動するので、トークンなしでもローカルで同じコードが問題なく動きます。

   Node.js (start.js)Python / その他 (start.sh)

   start.js として保存し、起動コマンドを node start.js に設定します:

   JavaScriptコピー

   // start.js — starts your app and, if a token is set, a Cloudflare tunnel.
   require("dotenv").config();
   
   const fs = require("fs");
   const path = require("path");
   const { spawn, spawnSync } = require("child_process");
   
   const CLOUDFLARED_URL =
     "https://github.com/cloudflare/cloudflared/releases/latest/download/cloudflared-linux-amd64";
   const binaryPath = path.join(__dirname, "cloudflared");
   const children = [];
   
   // The container has no apt — download the binary on first run, reuse it after.
   function ensureCloudflared() {
     if (fs.existsSync(binaryPath)) return binaryPath;
     console.log("[tunnel] downloading cloudflared...");
     const dl = spawnSync("curl", ["-fsSL", "-o", binaryPath, CLOUDFLARED_URL], {
       stdio: "inherit",
     });
     if (dl.status !== 0) return null;
     fs.chmodSync(binaryPath, 0o755);
     return binaryPath;
   }
   
   // Spawn a child process; if any child exits, stop the rest and quit.
   function start(name, command, args) {
     const child = spawn(command, args, { stdio: "inherit", env: process.env });
     child.on("exit", (code) => {
       console.error(`[${name}] exited (${code}); shutting down`);
       for (const c of children) if (!c.killed) c.kill("SIGTERM");
       process.exit(code ?? 1);
     });
     children.push(child);
   }
   
   const token = process.env.CLOUDFLARE_TUNNEL_TOKEN?.trim();
   if (token) {
     const binary = ensureCloudflared();
     if (binary) start("tunnel", binary, ["tunnel", "run", "--token", token]);
   } else {
     console.log("[tunnel] CLOUDFLARE_TUNNEL_TOKEN not set; skipping tunnel");
   }
   
   // Start your app — change this to your real entry point.
   start("app", "node", ["index.js"]);

   起動のたびに再ダウンロードしないようにするには、ダウンロード処理を インストールコマンド に移し、起動コマンドには起動ロジックだけを残せます。上の例は、バイナリが存在すればダウンロードをスキップするため、毎回の起動で実行しても安全です。

トレードオフ:

よくある問題

次のステップ

• ネットワークと割り当て — ホスト名とポートを確認し、割り当てを追加します。
• アプリ・ボットホスティングのプラン — 公開ポートを得るために有料プランへアップグレードします。
• 環境変数 — コードの環境変数からポートを読み取ります。
• サポートを受ける — 行き詰まったらサポートへ。