之前在串接 twilio 的時候需要公開網站才能測試，就看到 twilio 推薦使用 ngrok 這個工具，可以將本機 localhost 的路徑公開測試。 除了測試 twilio ，還可以拿來暫時 public 開發中的網站，這麼方便的工具還不立馬寫一篇文章來記錄一下。

前置作業

  1. 在 ngrok-down 頁面下載 ngrok 的執行檔案

  2. 下載的執行檔案是 ngrok.exe ，將此執行檔放入環境變數，讓 cmd 可以執行 ngrok。 如下圖。

    ngrok cmdngrok cmd

  3. 到 ngrok 官網註冊

  4. 登入後，到 ngrok Setup & Installation ，會看到 2. Connect your account ，這邊有教你設定 Token 的方式，照著做，打開 cmd 設定 Token。如下圖。
set_tokenset_token

這樣前置作業就完成啦

公開 localhost 網址

接下來我使用 VS Code 的 Live Server 啟用一個 localhost:5500 的網站。如下圖。
localhost page

接下來只要執行 ngrok 指令，就可以把我的測試網站公開，請輸入指令 $ ngrok http "http://localhost:5500" --host-header="localhost:5500"。 就會看到下圖的資訊

public_page_urlpublic_page_url

而上圖紅色圈起來的網址，就是你的公開網址啦。

public_pagepublic_page