ngrok 是一個可以快速讓外網連接本機 localhost 的工具,話不多說,六個步驟帶你快速完成設定!

  1. ngrok 官網下載安裝檔

2. 下載完成後解壓縮,解壓縮完會出現一個檔名為 ngrok 的執行檔

3. 把執行檔放進 /usr/local/bin(可參考下圖 Finder 操作方式)
P.S. 也可以放在你的任何一個專案目錄下,那 ngrok 指令也要在專案目錄下才能執行。

4. 點兩下打開執行檔,完成會跳出終端機畫面

5. 回到 ngrok 官網創一個帳號,登入後選擇畫面左邊的 Setup & Installation,複製畫面右邊的 2. Connect your account 指令
ngrok authtoken ?????????????????????
(問號指的是你的 Authtoken,官網的指令有包含 /.要注意不要複製到)。

然後再開一個新的終端機,把指令貼上並執行,會出現這段訊息,代表 Authtoken 已經存到 configuration 了。

Authtoken saved to configuration file: /Users/YourName/.ngrok2/ngrok.yml

6. 啟動你的專案後,在終端機輸入這行指令 ngrok http 3000(port 3000),終端機會出現下圖畫面。

現在可以使用 ngrok 提供的 Forwarding 網址來 call API 囉!
例如我有一支 API 是路由是 /api/users,那就會是這樣表示:

http://219e817c70a5.ngrok.io/api/users

--

--