第 110 篇 · 台北 · 2026-04-20 一份持續書寫的工作日誌

自己做的工具只有自己能用?一段提示詞就能分享給朋友

有人反應昨天那篇太多專有名詞——今天換白話版。

沒有工程師背景,靠著 Claude Code 摸索幾個小時,你做出一個能用的工具。傳連結給同事:"http://localhost:3000 試試看!"對方回:"無法連線。"

這不是你工具壞了。回到 Claude Code,把這段提示詞貼進去:

幫我把在 localhost 跑的工具開放給同事連線。用 Cloudflare Quick Tunnel(免費、不用帳號):裝 cloudflared、對我的 port 跑起來、把公開網址給我。

Claude Code 會幫你裝好、跑起來,最後印出一個類似這樣的網址:

https://amazing-foo-bar-baz.trycloudflare.com

把這個網址傳給同事,他點開就是你的工具。連線是加密的(HTTPS 綠鎖)、不用動任何網路設定。

Demo 完回去跟 Claude Code 說"關掉 tunnel"就好。你要做的,貼提示詞、收網址而已。

背後用的是 Cloudflare 出的 cloudflared——中文圈叫它"賽博菩薩"那家。不需付費、不需註冊帳號、不需任何前置設定。

【為什麼 localhost 傳不出去?】

localhost 是英文的"本地"——就是"這台電腦自己"的意思。你的工具跑在你電腦的 localhost 上,就像鎖在你辦公桌抽屜裡。你打開抽屜能拿到,同事打開的是他自己的抽屜,什麼都找不到。

把 localhost 連結傳出去,對方電腦會去找"自己的 localhost"——什麼都沒有,當然連不上。

這不是網路問題,也不是工具的問題,只是地址搞錯了。

【Claude Code 剛剛幫你做了什麼?】

其實就兩行指令:

brew install cloudflared
cloudflared tunnel --url http://localhost:你的port

意思是:既然同事打不開你的抽屜,那就請一個"臨時代理人"幫你送件。你的工具繼續跑在你電腦上,但 cloudflared 在外面多開了一個代理人。同事把請求傳給代理人,代理人透過一條專線送進你電腦,你電腦處理完再送回去。

代理人有對外的公開地址,同事只要點那個網址就連得到——他那邊完全感覺不到背後是你的筆電在處理。你改完存檔,他重新整理就看到最新版。

這條專線就叫 tunnel。

【給同事之前,先知道兩件事】

工具對外開放的同時,有些事情要注意:

  1. 網址是隨機的但不是密碼。別人猜不到沒錯,但只要一外流(截圖、群組聊天記錄)就等於任何人都能連進來。只是方便 demo 用的,別當成安全機制。

  2. 如果你的工具會呼叫 AI(像 Claude 或 OpenAI),要特別小心。網址外流有人狂打,你的 AI 帳單就跟著跑。demo 完記得馬上關掉。

一個簡單原則:demo 結束就叫 Claude Code 關掉它。不是放著讓同事隨時用的工具,用完就關。

【有一種情況這招會卡】

如果你用 Claude Code 做的是 AI 對話工具,而且有"逐字跑出來"的效果(就是字一個一個慢慢出現那種)——Cloudflare Quick Tunnel(免費版)會擋掉這個功能,同事那邊會看到卡半天、然後一次全部出來,沒有逐字感。

這種情境要升一級——解法是有的,改天另外寫。

【如果要正式上線怎麼辦?】

Quick Tunnel 是 demo 用的——筆電關機就斷、重開網址會變。工具真的有人在用,就要搬家到一台 24 小時不關機的電腦上(這種電腦叫"伺服器")。

這件事有三種常見路線:

  1. 去大廠租伺服器:GCP、AWS 這類,按用量付錢,什麼都能跑。
  2. 用免費平台:Netlify、Vercel、Zeabur 這類有免費額度的小平台,個人工具通常不用錢。
  3. 找工程師幫忙:你已經做出能動的東西,對工程師來說就是半小時到幾小時的事——比自己從頭學快太多。

自己摸索最花時間,找人幫忙最快。

【結尾】

做出一個能用的工具,是整件事最難的部分——你已經過了。剩下的"讓同事能打開它",一段提示詞就搞定。

別讓"無法連線"這四個字擋在你的工具跟同事之間。

想看更詳細的版本,可以看昨天的 day 109,有完整技術版:tunnel 底層原理、Quick Tunnel 的四個隱形限制、要長期用怎麼升級 named tunnel。想深入的朋友這邊請:

https://www.threads.com/@andrew54068/post/DXUT-deGjpF

投影片
Day 110 slide 1Day 110 slide 2Day 110 slide 3Day 110 slide 4Day 110 slide 5Day 110 slide 6
1 / 6
延伸閱讀 看完整 137 篇 →