使用 ngrok 使不同網路的人能連上你的localhost

當我們用前端或django等框架打開網站時,都是localhost:3000或127.0.0.1:8000這些只有自己才能連上的網。

如果要給不同網路的人看,可以使用要介紹的這個工具 — ngrok 來建立臨時網域


註冊

從2023年開始,要使用ngrok要先有帳號,所以先去官網註冊後會收到驗證email,在左側選單中找到

Your Authtoken
複製token

下載

下載網址
下載好後解壓縮打開exe檔案,貼上下面這段和token

cd C:\Users\user\Downloads\ngrok-v3-stable-windows-amd64
ngrok config add-authtoken <你的authtoken>

監聽

接下來要讓ngrok監聽你的port號

ngrok http 8000

跨域API允許

在setting

ALLOWED_HOSTS = ['*']
CSRF_TRUSTED_ORIGINS = ['https://*.ngrok-free.app']

下次使用

要透過終端機打開

  1. 進去ngrok.exe所在的資料夾
    a. cd C:\Users\user\OneDrive\桌面(我把它放在桌面所以是進入桌面)
  2. bash= ngrok config add-authtoken <你的authtoken> ngrok http 8000

2CYwdtikP3b632Uo5WGQ0VxdnwJ_7PGK6wXcc9DFggK3MX32Y