使用 ngrok 將本地 HTML 部署到公網

1

使用 ngrok 將本地 HTML 部署到公網

步驟一：安裝 ngrok

# macOS (使用 Homebrew)
brew install ngrok

# Windows (使用 Chocolatey)
choco install ngrok

# 或直接從官網下載：https://ngrok.com/download

步驟二：啟動本地伺服器

ngrok 需要搭配一個本地伺服器使用，你可以選擇以下任一方式：

# 使用 Python（最簡單）
cd 你的html資料夾
python3 -m http.server 8080

# 或使用 Node.js 的 http-server
npx http-server -p 8080

步驟三：啟動 ngrok

開一個新的終端視窗，執行：

ngrok http 8080

步驟四：取得公開網址

執行後你會看到類似這樣的畫面：

Session Status                online
Forwarding                    https://abc123.ngrok-free.app -> http://localhost:8080

複製那個 https://xxx.ngrok-free.app 網址，分享給任何人就能訪問你的網頁了！

進階設定

註冊帳號取得 authtoken（免費版有連線數限制）：

ngrok config add-authtoken 你的token

指定自訂子網域（需付費方案）：

ngrok http 8080 --subdomain=mysite

注意事項

  • 免費版每次重啟 ngrok，網址會變
  • 關閉終端視窗 = 關閉公開連線
  • 適合臨時展示、測試 webhook、分享 demo，不適合長期部署

有其他問題歡迎問我！