---
# System prepended metadata

title: ngrok

---

# 使用 ngrok 使不同網路的人能連上你的localhost
當我們用前端或django等框架打開網站時，都是localhost:3000或127.0.0.1:8000這些只有自己才能連上的網。
:::info
如果要給不同網路的人看，可以使用要介紹的這個工具 -- **ngrok** 來建立臨時網域
:::

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

Your Authtoken
複製token
![image](https://hackmd.io/_uploads/HyqoQVcdge.png)

# 下載
[下載網址](https://ngrok.com/downloads/windows?tab=download)
下載好後解壓縮打開exe檔案，貼上下面這段和token
```bach=
cd C:\Users\user\Downloads\ngrok-v3-stable-windows-amd64
ngrok config add-authtoken <你的authtoken>
```
# 監聽
接下來要讓ngrok監聽你的port號
```bash=
ngrok http 8000
```
# 跨域API允許
在setting
```python=
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