Cloudflare Wrangler 與 Vite 新增一鍵分享：開發中的網站，按 t 鍵就有公開網址

一句話看懂：Cloudflare 讓 Wrangler 和 Vite 外掛在本機開發時，按一個鍵就能開出公開網址，不用另外裝工具。

先用白話講：Cloudflare Tunnel 是什麼？

你在家裡的電腦上做網站，別人本來是連不進來的，就像你家客廳的東西，路人看不到。

Cloudflare Tunnel（通道）就像從你家客廳拉一條專線到街上的櫥窗：你主動把線接出去，路人就能從櫥窗看到客廳裡的東西，但你不用把大門打開，也不用去路由器設定連接埠轉發。

以前你得另外安裝、啟動通道工具；現在開發工具自己就會幫你接線。

發生什麼事

Cloudflare 在 5 月 18 日的更新日誌宣布：用 Wrangler（Cloudflare Workers 的命令列工具）或 Cloudflare Vite 外掛開發時，可以直接把本機開發伺服器分享出去，拿到一個公開網址。

官方列出的用途有三個：

• 把預覽畫面給別人看
• 測試 webhook（讓外部服務回呼你的本機）
• 用另一台裝置連到你正在開發的網站

兩種分享方式

給開發者的技術細節

操作很簡單：

• Wrangler：開發伺服器跑起來之後，按 t
• Vite 外掛：按 t 再按 Enter

如果要用具名通道，需要先把通道設定好，官方文件有一篇「Share a local dev server」專門說明步驟。更新日誌沒有提到支援的最低版本，升級前請自己看一下 Wrangler 和外掛的版本資訊。

我的看法

接案時常遇到「做到一半想讓客戶先看看」的狀況，以前不是先部署到測試機，就是自己找通道工具。能在開發指令裡直接按鍵開通，少了一個步驟，對小團隊很實用。

測串接用的 webhook（例如 LINE 或金流的回呼）也很方便，不必每次改一點就部署一次。

不過要注意：官方只提到具名通道可以用 Access 限制存取，臨時通道沒有提到這類限制。我會推測知道網址的人都連得進來，所以臨時通道別拿來分享含有真實資料的畫面，用完就關掉。

名詞小辭典

• Wrangler：Cloudflare Workers 的命令列工具，用來開發、測試與部署。
• Vite：常見的前端開發與建置工具，開發時會在本機開一個伺服器。
• Webhook：別人的服務在事件發生時，主動打電話到你的網址通知你，所以你的程式得有一個外面連得到的網址。
• Cloudflare Access：Cloudflare 的存取控管服務，可以限制只有特定的人能連到某個網址。

資料來源

• Cloudflare Changelog（2026-05-18）