Zenn
Open25

test

waddywaddy

ローカルサーバーのトンネル

Cloudflare を利用したトンネル

Cloudflareうんぬん

セットアップ

  • インストール（MacOS）
brew install cloudflare/cloudflare/cloudflared

コマンドラインで認証します。

cloudflared tunnel login

個人を識別しやすい名前でトンネルを作成します。

cloudflared tunnel create <あなたのものであると識別しやすいトンネルの名前>

# 例
cloudflared tunnel create hashimoto

このとき生成されるトンネルIDとJSONファイルのパスを後続の手順で利用します。このファイルは、おそらく再生成、再取得できませんのでご注意ください（再取得する方法があったら教えてください）。

Tunnel設定ファイルの作成します。~/.cloudflared/config.yml

tunnel: <Tunnel-UUID> # tunnel create で生成されたトンネルIDです
credentials-file: /home/me/.cloudflared/<Tunnel-UUID>.json # 絶対パスで設定します

ingress:
  - hostname: hashimoto.zncdn.dev
    service: http://localhost:8080
  - service: http_status:404

ここではRailsサーバーを公開する例を載せました。この設定は複数書けます。必要に応じて、パスも設定できます。詳しくは公式ドキュメントを参照してください。

ローカルサーバーをトンネルできるよう、ルーティングを追加します。

cloudflared tunnel route dns hashimoto hashimoto.zncdn.dev

これでDNSサーバーにCNAMEが追加されます。ここまでできたら、あとはローカルサーバーを公開します。

cloudflared tunnel --config ~/.cloudflared/config.yml run hashimoto

2回目以降のローカルサーバー公開

cloudflared tunnel --config ~/.cloudflared/config.yml run hashimoto

このコマンドを実行すればOKです。

FukudaFukuda
ファイルまたはプロトタイプのFigma URLを指定してください
waddywaddy
「https://blueprintue.com/render/」から始まる正しいURLを指定してください