วิธีติดตั้งและใช้งาน Ngrok บน MacOS

Sirichai Teerapattarasakul

Sirichai Teerapattarasakul / June 11, 2025

1 min read

Ngrok เป็นเครื่องมือที่ช่วยเปิดพอร์ตในเครื่อง Localhost ของให้กลายเป็น Public URL ให้ใครก็ได้สามารถเข้าถึงเว็บไซต์ใน Localhost ได้ผ่านอินเทอร์เน็ต เหมาะสำหรับไว้ทดสอบเว็บหรือแอปพลิเคชันที่กำลังพัฒนา ให้ลูกค้าเข้ามาดูก่อนลง Server จริง ขั้นตอนมีดังนี้

1. ติดตั้ง Ngrok ผ่าน Homebrew

ถ้ายังไม่มี Homebrew ให้ติดตั้งก่อน

brew install ngrok/ngrok/ngrok

เมื่อติดตั้งเสร็จ ตรวจสอบเวอร์ชัน เพื่อตรวจสอบว่า Ngrok ติดตั้งเรียบร้อยแล้ว

ngrok version

2. สมัครและตั้งค่า Authtoken

  • สมัครฟรีที่ https://dashboard.ngrok.com/signup
  • หลังสมัครเสร็จ ให้เข้าสู่ระบบ เข้าเมนู Authtokens ให้สร้าง Tunnel Agent Authtokens และคัดลอก Authtoken มาใส่ใน Terminal ด้านล่างนี้เพื่อยืนยันตัวตน
ngrok config add-authtoken <your_token>

3. รันเว็บไซต์บน Localhost

สมมติว่าเป็น PHP รันบนพอร์ต 8000 (เช่น ใช้คำสั่ง php -S localhost:8000 เพื่อรันเว็บเซิร์ฟเวอร์ PHP) ให้เปิด Terminal อีกหน้าต่างหนึ่งแล้วรันคำสั่งนี้เพื่อเปิด tunnel ให้พอร์ต 8000 ด้วยเช่นกัน

ngrok http 8000

Ngrok จะสร้าง Public URL ที่สามารถแชร์ให้เข้าถึงเว็บใน Localhost ได้ผ่านอินเทอร์เน็ต

https://<random>.ngrok.io

หวังว่าจะมีประโยชน์ครับ ♥️