一般開發網頁時,開發者會先建置在自己的電腦上,並透過 localhost:3000 連上網頁或 API,做為測試或是自用小專案。
此時若想將產品讓外網的人也能看見或測試,我們可以使用 ngrok 產生出對外的網址,讓本地端的系統也能讓外部人員使用。
(大家也可以想像成 Google 文件的分享連結)

另外,ngrok 還有個優點是 極度輕量化
想用就用、隨插即用

環境

  • Mac @Mojave
  • Homebrew @2.2.17
  • iTerm(terminal,可用可不用)

安裝

terminal 輸入以下指令:

 brew cask install ngrok

(cask 說明參照:http://blog.visioncan.com/2014/introducing-cask/)
至於其他的安裝方式可以來這裡找:https://ngrok.com/download

建立連結

本地端網址是

    localhost:3000

這時候只要在 terminal 輸入(記得提前確認剛剛把 ngrok 安裝在哪)

ngrok http 3000

就會出現以下畫面:

不要懷疑,完成了。

Forwarding http://66c32286.ngrok.io -> localhost:3000
Forwarding https://66c32286.ngrok.io -> localhost:3000

你可以開始分享這兩組網址給外網的人
透過它就可以連到你的本地端囉!

關閉

測試完不要忘記斷掉連結(control+c)