使用 ngrok 快速在本機架設臨時服務

一般在開發的時候，都會提供開發人員專用的環境。就算提供了開發人員專用的環境，有時候臨時想測試一下東西，看一下效果如何，但是礙於團隊間的規範之類的，想把未完成或是把做到一半的東西丟到測試環境，不符合規定或是在 CI 的階段檢查就無法通過。

這時候就可以使用 ngrok，就可以使用外網連接上本機，即時瀏覽與修改內容，非常快速也非常方便。

ngrok 做了什麼

ngrok 可以把你指定的 port 轉到它分配的公開網址上

ngrok 使用方法

註冊 ngrok 的服務帳號

到 ngrok 的官網註冊一個帳號，可以使用 google 或 github 第三方帳號直接註冊登入。

登入之後就會導頁到儀表板，照著步驟指示安裝 ngrok，如果使用 mac 的話可以使用 brew 安裝更快

安裝好後設定token

接下來就可以開始使用ngrok的服務了，以 Angular常用的port 4200 為例，我要將 4200分享出來，讓外部可以連線到本機，可以即時看到我修改的內容，輸入:

ngrok http 4200

啟動之後在 forwarding 看到公開網址就可以連上了

ngrok除了展示靜態頁面基本的用法之外，還有很多進階與不同的用法，像是也可以公開在本機還在開發中的API、串接 webhook 或 OAuth 等等。

如果要說缺點的話，連線區域會轉到日本再連回來，速度上就慢一點點，不過還是一個方便好用的工具。