如何在 localhost 測試需要實體 domain 的使用情境?(使用 ngrok 或 localtunnel)

如果第三方服務需要綁定一個實體位址,而 localhost 是無法將 IP 放在 dns 上面的,所以在本機端測試時我們可以使用 ngrok 或 localtunnel 這兩個套件來模擬一組實體 IP。

* ngrok 有 connection 數量的限制,如果網站 connection 很多的話可以使用 localtunnel。另外,如果是為了產生測試用的 webhook url,記得使用 https 的 url。

1. ngrok

參考 https://ngrok.com/

下載後在 command line 執行 ./ngrok http 8000

之後前往 localhost:4040

就可以看到臨時註冊的網域名稱了,應該會類似 http://9a04008a.ngrok.io/

另外也可以前往 http://localhost:4040/inspect/http 查看每個 http request 的詳細狀態,非常方便


2. localtunnel

參考 https://github.com/localtunnel/localtunnel

安裝及使用步驟: *如果電腦已經安裝過 Node.js 可以跳過第一步

  1. 前往 https://nodejs.org/en/ 下載 Node.js,下載後按照其指示安裝即可。
  2. Node.js 安裝成功後,在 terminal 輸入 npm install -g localtunnel 安裝 localtunnel。
  3. 安裝完 localtunnel 後,在terminal輸入 lt --port 8000(8000 為 port number,可以依照你 server 的 port 更改),localtunnel 即會在 terminal 產生一組 https 的 url 給你,此 url 便可取代原先的 http://127.0.0.1:8000/ ,產生的 url 會類似:https://smooth-dolphin-15.loca.lt

file

Was this article helpful? Votes: 0
Article details:
Published date: 05/09/2017 10:32AM
Last updated: 15/10/2021 6:15PM (Jacky - jacky.lei@nuwainfo.com)
Share article: 
Author: David (david.lee@nuwainfo.com)