Ngrok — 在本機也可以起https！

photo by @omarsobhynasef

想必大家在開發的時候曾經遇過下面幾種情境

情境1

想要DEMO開發到一半的專案給客戶看，但沒辦法把半成品部署到正式環境，客戶也看不到你的localhost…

情境2

有時候在串接第三方登入或金流時都會要求callback url是https，但是在本地開發就只有http可以用，那該怎麼辦呢？ 直接推上正式環境就有https啦（大誤

情境3

在本機開發時想用手機看一下畫面，但手機連的是行動網路不是公司內網，所以什麼都看不到

這時候就是ngrok登場的時候了！ngrok的概念有點像是建立一個臨時的伺服器，讓外網也可以直連我們的本機，生成的網址也支援https，所有的疑難雜症一併解決！

ngrok的使用

因為我是用Mac開發，所以使用brew來安裝，其他作業系統的安裝方式可以參考這裡

Step.1

brew install ngrok/ngrok/ngrok

Step.2

記得先在官網註冊取得token，並且執行

ngrok config add-authtoken <token>

Step.3

設定完 token之後就可以開始使用ngrok的服務，假設我們在本地起的專案是3000就可以執行下面的指令

ngrok http 3000

成功之後就會看到https的URL了，實際測試網址可以被外部訪問沒問題，近期才知道有ngrok這麼好用的服務，真是相見恨晚啊！

免費的方案一次只能起一個https服務