Workers — Wrangler と Vite で Cloudflare Tunnel を使ってローカル開発サーバーを共有

公開日: 2026-05-18

Cloudflare Tunnel を使って、Wrangler または Cloudflare Vite plugin を利用中のローカル開発セッションを共有し、公開 URL を取得できるようになりました。これは、プレビューの共有、Webhook のテスト、別のデバイスからアプリにアクセスする必要がある場合に便利です。

主な利用方法:

• 一時的な Quick tunnel を開始して、ランダムな *.trycloudflare.com ホスト名を取得する
• 既存の named tunnel を使用して、安定したホスト名を利用し、Cloudflare Access でアクセスを制限する

使い方:

• 開発サーバーが実行中に、Wrangler では t を押す、Vite では t + Enter を押すとトンネルが開始されます。

named tunnel の設定方法の詳細については、Share a local dev server を参照してください。

用途の例:

• チームやクライアントに即時プレビューを共有する
• 外部サービスからの Webhook をローカル環境で受け取りテストする
• スマートフォンなど別端末からローカルアプリにアクセスする

注意点:

• Quick tunnel は一時的なランダムホスト名を提供します。安定したホスト名やアクセス制御が必要な場合は named tunnel と Cloudflare Access の併用を推奨します。

その他のリソース: Cloudflare のドキュメントやダッシュボードでさらに詳細を確認してください。