前言
相信每個開發者都遇過這種情況：
剛開發好一個網站想要給客戶看，但是部署正式環境又要花不少時間。又或者在開發 API 時，想要測試第三方的 Webhook 是否觸發，卻發現本機根本收不到…
今天要介紹的 Ngrok 就是來解決這些困擾的好幫手！只要簡單幾個步驟，就能讓你的本機服務被外網存取，超方便的啦！
讀完這篇文章，你將學會：
- 如何快速安裝 Ngrok
- 實現本地服務的外網訪問
- 常見的實用小技巧
Ngrok 是什麼？
簡單來說，Ngrok 提供一個隨機的 Domain，讓外面的人直接連到你電腦上的服務。不需要固定 IP、設定路由器，更不用架設伺服器，就能讓其他人存取你的本機服務！
👉 延伸閱讀：【Drone CI 教學】DevOps自動化部署完整指南｜新手入門實戰教學
Ngrok 的優缺點
優點
- 部署簡單，安裝後只要輸入一個指令就能開始使用
- 支援 HTTPS 加密傳輸
- 支援跨平台
- 適合開發環境除錯使用
缺點
- 無法保證長期穩定使用同一個網址 ( 除非使用付費版 )
- 高併發下會有速度瓶頸
- 網路狀況不佳時可能會斷線
環境準備
Ngrok 支援 Linux、Windows、MacOS，本篇使用 MacOS 為例，Windows 可以參考這裡。
前往 官網 註冊帳號，如果你有 Github 帳號，很快就能完成註冊囉！
安裝
1.使用 Homebrew 安裝：
brew install ngrok/ngrok/ngrok2.如果你是用官網登入，就會看到官方很好心的幫你自動填入了授權 Token，只要在終端機上輸入就可以囉！
ngrok config add-authtoken <token>開始使用
假設你的本地服務在 8080 端口，執行以下命令
ngrok http http://localhost:8080看到 Forwarding 連結就成功將主機暴露在公網上囉！
超實用小技巧！
1.如何查看誰在連你的服務？
- 打開
http://localhost:4040就能看到詳細的紀錄。
2.同時轉發多個 port？
- 另開一個終端機視窗，輸入指定的 port
ngrok http <port>結語
今天介紹了 Ngrok 這個超實用的開發工具，有了它我們可以隨時隨地把部署完的本機服務 Demo 給別人看，雖然免費版有一些限制，但對於一般開發測試來說已經相當夠用了。另外使用時也要注意網路安全，不要將太多本機服務暴露在公網上。
