ngrok - เปิด Port แบบง่ายๆ#

ข้อดีของ ngrok#

• ✅ ไม่ต้อง forward port ผ่าน router
• ✅ ได้ HTTPS URL ฟรี
• ✅ เหมาะสำหรับทดสอบ webhook, Line Bot, Discord Bot
• ✅ ใช้งานง่ายมากครับ!

Windows#

วิธีที่ 1 — ติดตั้งผ่าน Microsoft Store:

1. เปิด Microsoft Store
2. ค้นหา “ngrok”
3. กด Install

วิธีที่ 2 — ดาวน์โหลดโดยตรง:

1. ไปที่ download.ngrok.com
2. ดาวน์โหลด ngrok สำหรับ Windows
3. แตกไฟล์ไปยังโฟลเดอร์ที่ต้องการ (เช่น C:\ngrok)
4. เพิ่ม path ไปยัง Environment Variables (optional)

macOS#

1
brew install ngrok

Linux (Debian/Ubuntu)#

1
curl -sSL https://ngrok-agent.s3.amazonaws.com/ngrok.asc \
2
  | sudo tee /etc/apt/trusted.gpg.d/ngrok.asc >/dev/null \
3
  && echo "deb https://ngrok-agent.s3.amazonaws.com buster main" \
4
  | sudo tee /etc/apt/sources.list.d/ngrok.list \
5
  && sudo apt update \
6
  && sudo apt install ngrok

ยาวหน่อย แต่ copy paste ทีเดียวจบครับ

ตรวจสอบการติดตั้ง#

1
ngrok help

ถ้าเห็น help menu แสดงว่าติดตั้งสำเร็จแล้วครับ ✅

กรณีที่ 1: เปิด Port สำหรับ Web Server (HTTP)#

สมมติว่าเรามีเว็บรันอยู่ที่ localhost:3000:

1
ngrok http 3000

จะได้หน้าจอแบบนี้ครับ:

1
ngrok                                                    (Ctrl+C to quit)
2

3
Session Status                online
4
Account                       your-email@example.com (Plan: Free)
5
Version                       3.x.x
6
Region                        Asia Pacific (ap)
7
Latency                       25ms
8
Web Interface                 http://127.0.0.1:4040
9
Forwarding                    https://abc123.ngrok-free.app -> http://localhost:3000
10

11
Connections                   ttl     opn     rt1     rt5     p50     p90
12
                              0       0       0.00    0.00    0.00    0.00

🎉 URL ที่ใช้แชร์คือ: https://abc123.ngrok-free.app

กรณีที่ 2: เปิด Port อื่นๆ#

1
# Port 8080
2
ngrok http 8080
3

4
# Port 5000 (Flask default)
5
ngrok http 5000
6

7
# Port 5173 (Vite default)
8
ngrok http 5173
9

10
# Port 4200 (Angular default)
11
ngrok http 4200

กรณีที่ 3: TCP Port (ไม่ใช่ HTTP)#

สำหรับ SSH, Database, หรือ port อื่นๆ ครับ:

1
# SSH (port 22)
2
ngrok tcp 22
3

4
# MySQL (port 3306)
5
ngrok tcp 3306
6

7
# Minecraft Server (port 25565)
8
ngrok tcp 25565

จะได้ address แบบ 0.tcp.ngrok.io:12345 ให้เพื่อนใช้เชื่อมต่อครับ

เปิดเว็บ React/Vue/Next.js#

1
# React (default port 3000)
2
ngrok http 3000
3

4
# Vue (default port 5173)
5
ngrok http 5173
6

7
# Next.js dev
8
ngrok http 3000

เปิด Python Flask/FastAPI#

1
# Flask default port
2
ngrok http 5000
3

4
# FastAPI with uvicorn
5
ngrok http 8000

ทำ Line Bot / Discord Bot Webhook#

1
ngrok http 3000

เอา URL ที่ได้ (เช่น https://abc123.ngrok-free.app) ไปใส่ใน:

• Line Developer Console → Messaging API → Webhook URL
• Discord Developer Portal → Bot → Interactions Endpoint URL

เปิด Minecraft Server ให้เพื่อนเข้า#

1
ngrok tcp 25565

จะได้ address แบบ 0.tcp.ngrok.io:12345 ให้เพื่อนใช้เชื่อมต่อครับ

1. ใส่รหัสผ่านป้องกัน#

กันคนแปลกหน้าเข้ามาครับ:

1
ngrok http 3000 --basic-auth="username:password"

ตอนเข้าเว็บจะต้องใส่ username/password ก่อน

2. ดู Logs แบบ Real-time#

1
ngrok http 3000 --log=stdout

3. เปิดหลาย Port พร้อมกัน#

สร้างไฟล์ ngrok.yml:

1
version: "2"
2
authtoken: YOUR_TOKEN
3

4
tunnels:
5
  frontend:
6
    addr: 3000
7
    proto: http
8
  backend:
9
    addr: 8080
10
    proto: http
11
  database:
12
    addr: 5432
13
    proto: tcp

จากนั้นรัน:

1
ngrok start --all

4. แก้ไข Config#

1
ngrok config edit

จะเปิด config file ขึ้นมาให้แก้ไขครับ

Basic Authentication#

1
ngrok http 3000 --basic-auth="user:pass123"

ตอนเข้าเว็บจะขอ username/password ก่อนครับ

OAuth (Google Login)#

สำหรับความปลอดภัยขั้นสูง สามารถตั้งค่าให้ login ด้วย Google ก่อนเข้าได้ครับ

แก้ไขไฟล์ ngrok.yml:

1
endpoints:
2
  - name: my-app
3
    url: YOUR_DOMAIN
4
    traffic_policy:
5
      on_http_request:
6
        - actions:
7
            - type: oauth
8
              config:
9
                provider: google
10
    upstream:
11
      url: 8080
12
      protocol: http1

1. “Too many connections”#

สาเหตุ: Free tier มี connection limit ครับ

แก้ไข: รอสักครู่แล้วลองใหม่ หรืออัปเกรดแผน

2. “Session expired”#

สาเหตุ: Free tier session หมดอายุ

แก้ไข: รัน ngrok http ใหม่อีกครั้งครับ

3. ngrok ทำงานแต่เข้าเว็บไม่ได้#

สาเหตุ: App ไม่ได้รันหรือรันผิด port

แก้ไข: ตรวจสอบว่า app รันอยู่จริงที่ port ที่ระบุ

1
# Windows - ดูว่า port ถูกใช้งานหรือไม่
2
netstat -an | findstr 3000
3

4
# Linux/Mac
5
netstat -an | grep 3000

4. URL เปลี่ยนทุกครั้งที่รัน#

ใช่ครับ Free plan เป็นแบบนี้ 😅

ถ้าอยากได้ URL คงที่ ต้องอัปเกรดแผน หรือใช้ custom domain ครับ