ngrok 網路穿透工具，本地開發專案分秒上線測試效果

配合資深程式設計師，有的會希望你把設備基礎服務直接幫他都設定好，他只想要做程式開發的工作，但前期少不了多輪測試及修改有的設計師則直接服用 ngrok 先用他們自己的環境丟專案開發成果給你看，老黑覺得這樣也是個提高雙方生產力的方式，不用每次打包到我這裡又再安裝一次才能看效果，專案開發到80%再安裝到客戶環境中…

ngrok 技術重點拆解

安全通道技術： 當你在本地端跑 ngrok 服務時，它會在本機與 ngrok 的雲端伺服器之間建立一條加密的TCP通道。

公網對應網址： 會配一組ngrok公開網址(如：https://xxxx.ngrok-free.app)，當外部使用者存取這個網址時，ngrok伺服器會把流量透過剛才建立的通道，直接「穿透」到你開放的的本地端通訊埠。

內建安全防護： 雖然是臨時通道，基本的安全機制少不了，包含基礎的身份驗證、HTTPS加密，甚至能在後台監控所有的HTTP 請求與回應數據，這在Debug時超級好用。

老黑應用場景分析

Webhook串接測試(Line Bot、金流API)： 這是最無痛的痛點解決！當你在開發LINE Bot、Slack機器人或綠界金流串接時，這些第三方服務需要一個「HTTPS 的公開網址」來發送 Webhook 通知，以往你必須把程式丟到雲端才能測，不想重複部屬環境的話透過 ngrok 只要一打指令，立刻拿到 HTTPS 網址，直接在 Localhost 就能先行測試。

前後端分離、跨裝置協同開發： 當工程師需要串接你剛寫好的 API，或UI設計師想用手機看實際畫面時，你不用大費周章幫他們設定VPN，直接把 ngrok 產生的網址丟給對方，無論是用手機、平板還是人在外地，就能及時預覽畫面。

客戶臨時要看Demo畫面：客戶突然打來「老黑，半小時後老闆想看一下目前的專案進度進度…」遇到這種突發狀況，本地專案跑起來，ngrok 指令敲下去，網址直接丟給客戶，看完 Demo 關掉視窗、終端機按 Ctrl + C，通道立刻關閉。

這裡取得工具

ngrok 官方網站： https://ngrok.com/