---
title: AIoT 入門實作 - ngrok on Windows
tags: AIoT 實作研習
---
# AIoT 入門實作 - ngrok on Windows

By 蓉爸 RungBa
Created: 2023-07-19
Revised: 2023-08-21

---

**Ref:**
- **[ ()]()**

- **[ ()]()**

---
## 一、使用 ngrok
:::danger
- 若是用沒註冊方式使用 ngrok，同一個區網同時只能有一個 ngrok 執行，若是同一個區網同時多個，很可能在遠端都無法使用讀取 ESP32-CAM 的影像！
- 若想要同一個區網同時多個人使用 ngrok，最好的方式就是每個人都去 ngrok 官網註冊個 free 的帳號，然後設定 Authtoken
:::

----
### 1. 下載 ngrok
- **1-1. 下載網址：https://ngrok.com/download**

- **1-2. 解壓縮**

- **1-3. 進入「ngrok-v3-stable-windows-amd64」資料夾後，就可看到 ngrok.exe 這個檔。**

- **1-4. 將 ngrok.exe 拷貝一份到 C 碟的自己 id 的資料夾，以下圖為例是： C:\使用者\justin 或是 C:\Users\justin。**

----
### 2. 啟動 ngrok
- **2-1. 開啟 cmd (Win + R)**

- **2-2. 在「命令提示字元」的應用程式輸入**

  ngrok http http://192.168.14.105 


**沒註冊 ngrok 帳號時，ngrok 所 Forwarding 的網址如下：**

**有註冊 ngrok 帳號的 Forwarding 的網址，就會變成類似如下:**
:::danger
https://f461-220-135-215-124.ngork-free.app -> http://192.168.1.112:80
:::

---
## 二、使用 ngrok 的 Authtoken
:::danger
**特別提醒：**
本步驟並非必須，只在前述「3. 啟動 ngrok」使用後，程式發出 HTTP Requests 時，持續發生「400」的錯誤時，才需要考慮試試本步驟！！！
:::

----
### 1. 在 ngrok 官網註冊帳號
- **1-1. 到 ngrok 官網註冊一個免費帳號**
可參考：[AIoT 入門實作 - 註冊 ngrok 帳號 (by 蓉爸)](https://hackmd.io/@Robert/rkng9lIc3)

----
### 2. 設定 ngrok 的 Authtoken
- **1-1. 登入 ngrok 官網後，就會看到以下**

- **2-2. 在自己的電腦上開啟 cmd，然後執行類似以下指令：**

  ngrok config add-authtoken 2RNZ4Lu????????????????


:::info
**ngrok 的 Authtoken 的儲存位置：**

  - Linux: "~/. config/ngrok/ngrok. yml"
  
  - MacOS (Darwin): "~/Library/Application Support/ngrok/ngrok. yml"
  
  - Windows: "%HOMEPATH%\AppData\Local\ngrok\ngrok. yml"

:::