วิธีติดตั้ง n8n ด้วย Docker และ ngrok (Step-by-Step)

What you'll learn

  • ngrok คืออะไร ทำไมจึงจำเป็นสำหรับการเชื่อมต่อระบบภายนอก
  • วิธีติดตั้งและใช้งาน n8n ด้วย Docker แบบง่าย ๆ
  • การเปิดทางเข้าให้กับคนอื่นผ่าน ngrok
  • การเข้าใช้งานระบบ n8n ผ่าน URL สาธารณะ

💡 ทำไมต้องใช้ ngrok?

เวลาเรารัน n8n ในเครื่องของเรา มันจะเข้าถึงได้แค่จากเครื่องของเราเท่านั้น (localhost) ซึ่งเหมาะสำหรับการทดสอบส่วนตัว แต่หากเราต้องการให้ระบบเชื่อมต่อกับบริการภายนอก เช่น LINE API, Google Webhook หรือให้เพื่อนร่วมทีมเข้ามาทดลองใช้งาน — เราจะต้องมี “Public URL” ขึ้นมา

Ngrok คือเครื่องมือที่ช่วยสร้างลิงก์สาธารณะ หรือ Public URL (เช่น https://xxxxx.ngrok-free.app) ที่ชี้เข้ามายังเครื่องเราได้แบบปลอดภัย รวดเร็ว และสะดวก เหมาะกับการทดสอบหรือเชื่อมต่อกับ API ภายนอกแบบชั่วคราว โดยไม่ต้องเช่าหรือตั้งค่าเซิร์ฟเวอร์ให้ยุ่งยาก

สิ่งที่ต้องเตรียม (Prerequisites)

  1. คอมพิวเตอร์ (Windows, macOS หรือ Linux ก็ได้)

  2. ติดตั้ง Docker แล้ว (โหลดที่นี่)

  3. สมัครบัญชี ngrok ฟรีที่ ngrok.com

ขั้นตอนการติดตั้ง n8n บน Docker

📥 1.สร้าง Volume สำหรับเก็บข้อมูลของ n8n

เปิด Terminal หรือ Command Prompt แล้วใช้คำสั่งนี้:

				
					docker volume create n8n_data
				
			

📦 2.รัน Container ของ n8n

ต่อด้วยคำสั่งนี้ (สามารถ Copy-Paste ได้เลย):

				
					docker run -it --rm \
  --name n8n \
  -p 5678:5678 \
  -v n8n_data:/home/node/.n8n \
  -e N8N_COMMUNITY_PACKAGES_ALLOWED=true \
  -e N8N_EDITOR_BASE_URL=https://adder-factual-gently.ngrok-free.app \
  -e WEBHOOK_URL=https://adder-factual-gently.ngrok-free.app \
  -e N8N_DEFAULT_BINARY_DATA_MODE=filesystem \
  n8nio/n8n

				
			

💻 3. เข้าใช้งาน n8n ผ่าน Browser

เปิด Browser แล้วเข้าไปที่ลิ้งด้านล่างเพื่อเช็คว่า n8n ทำงานได้ปกติบนเครื่องของเรา

				
					http://localhost:5678
				
			

ขั้นตอนการติดตั้งเเละใช้งาน ngrok

1. เปิด Browser แล้วเข้าไปที่: https://dashboard.ngrok.com/get-started/setup   เลือกดาวน์โหลด ngrok ตามระบบปฏิบัติการของคุณ แล้วติดตั้งตามขั้นตอนจามรูปข้างล่าง

2. เปิด Terminal หรือ Command Prompt แล้วใช้คำสั่งนี้:   Ngrok จะสร้าง Public URL ให้

หมายเหตุ: โดยปกติหากคุณใช้คำสั่ง ngrok http โดยไม่ระบุพอร์ต ระบบจะใช้ค่าเริ่มต้นที่พอร์ต 80 ซึ่งไม่ตรงกับที่ n8n ทำงานอยู่ (n8n ใช้พอร์ต 5678)

				
					ngrok http --url=adder-factual-gently.ngrok-free.app 5678
				
			

เท่านี้คุณก็สามารถนำลิงก์นี้ไปใช้งานหรือแชร์ให้ผู้อื่นทดสอบได้ โดยลิงก์ public URL จะอยู่ตรงบรรทัดที่ขึ้นต้นด้วยคำว่า Forwarding ในหน้าต่าง ngrok

				
					Forwarding    https://adder-factual-gently.ngrok-free.app -> http://localhost:5678
				
			

🚀 เสร็จแล้ว! พร้อมใช้งาน n8n

คุณสามารถเริ่มสร้าง Workflow ได้ทันทีผ่านหน้า Web UI ของ n8n — ผ่าน Public URL ของ Ngrok หรือ localhost

What you’ll learn เข้าใจหลักการทำงานเบื้องต้นของ Line Bot และ n8n สร้าง Line Bot และตั้งค่าที่จำเป็นบน Line Developers Console สร้าง Node ใน n8n เพื่อเชื่อมต่อ...
  • June 16, 2025
What you’ll learn สร้าง Webhook ใน Discord ใช้ URL ของ Webhook เพื่อสร้าง Credential ใน n8n ตั้งค่า Node Discord ใน n8n...
  • June 10, 2025
What you’ll learn วิธีติดตั้งและใช้งาน n8n บนแพลตฟอร์ม Render วิธีการใช้งาน cron job เริ่มต้นใช้งาน Render ด้วยการติดตั้ง n8n ผ่าน Docker image สิ่งที่ต้องเตรียม (Prerequisites) บัญชี...
  • June 3, 2025

You May Also Like

    What you’ll learn เข้าใจพื้นฐานของ AI และโมเดลภาษา (LLM) อย่างง่าย ใช้งาน Flowise.ai เพื่อสร้างระบบ AI แบบลากวาง สร้าง Chatbot ที่ตอบคำถามได้อย่างชาญฉลาด เชื่อมต่อ AI กับข้อมูลจากเอกสารหรือเว็บไซต์ ทดลองเชื่อมต่อกับ API ภายนอกเพื่อเพิ่มความสามารถให้ AI ออกแบบและสร้าง AI Agent ด้วยตัวเองจากไอเดียของคุณเอง AI สำหรับทุกคน: ลากวาง...
    • 0 Lessons
    Free
    What you’ll learn เรียนรู้พื้นฐานการใช้ Krea.ai สำหรับการสร้างภาพด้วย AI วิธีการเขียนคำสั่ง (Prompt) เพื่อให้ได้ผลลัพธ์ที่ต้องการ การใช้เครื่องมือ Inpainting และ Outpainting เพื่อปรับแต่งและขยายภาพ เทคนิคการควบคุมสไตล์ในการออกแบบภาพ เช่น การสร้างภาพสไตล์การ์ตูน, ฟุตเทจ, หรือภาพถ่ายจริง การประยุกต์ใช้งาน Krea.ai ในงานออกแบบแฟชั่น, สถาปัตยกรรม, และคอนเซ็ปต์ดีไซน์ การใช้ฟีเจอร์การแก้ไขภาพขั้นสูงเพื่อสร้างงานที่มีความละเอียดสูงและตรงตามความต้องการ เคล็ดลับและเทคนิคในการเพิ่มความเร็วในการสร้างภาพและการทดลองไอเดียต่างๆ ประโยชน์ที่คุณจะได้รับจากคอร์สนี้: พัฒนาทักษะการใช้ AI...
    • 0 Lessons
    Free

    n8n

    What you’ll learn วิธีติดตั้งและตั้งค่า n8n บนเครื่องของตัวเองหรือบนเซิร์ฟเวอร์ฟรี การสร้าง Workflow เบื้องต้นใน n8n ด้วยวิธีลากวางแบบไม่ต้องเขียนโค้ด การสร้าง Webhook สำหรับรับข้อมูลจากภายนอก วิธีเชื่อมต่อ Webhook เข้ากับ Discord Channel ด้วย Webhook URL ตัวอย่างการแจ้งเตือนเมื่อมีข้อมูลใหม่จาก Google Sheet หรือ API การตั้งเวลาแจ้งเตือนแบบอัตโนมัติ เช่น ทุกวัน...
    • 0 Lessons
    Free
    What you’ll learn รู้จักกับ MinMax.ai สร้างภาพด้วย AI Image Generator สร้างวิดีโอด้วย AI Video Generator สร้างแชทบอทอัจฉริยะด้วย AI Chatbot Tools รวมเทคนิคการใช้งานแบบมือโปร เริ่มต้นใช้งาน MinMax.ai — แพลตฟอร์ม AI ฟรีสำหรับนักพัฒนาและนักออกแบบตัวเล็ก ที่อยากสร้างผลงานสุดเจ๋งโดยไม่ต้องเขียนโค้ด! คอร์สนี้จะพาคุณไปรู้จักกับ MinMax.ai เครื่องมือ AI สุดทรงพลังที่ใช้งานง่าย...
    • 0 Lessons
    Free
    What you’ll learn วิธีใช้ Florafauna AI เพื่อสร้างตัวละคร 3D จากภาพเพียงภาพเดียว การเตรียมภาพให้เหมาะสมสำหรับการประมวลผลด้วย AI ขั้นตอนการเรนเดอร์ตัวละคร 3D ให้ออกมาสมจริงและน่าสนใจ เคล็ดลับในการปรับแต่งผลงานเพื่อให้ได้คุณภาพระดับมืออาชีพ เพราะนี่คือโอกาสในการเปลี่ยนภาพวาดหรือไอเดียของคุณให้กลายเป็นตัวละคร 3D ได้ง่าย ๆ โดยไม่ต้องมีพื้นฐานด้าน 3D หรือใช้โปรแกรมซับซ้อนFlorafauna AI คือเครื่องมือที่ทรงพลังสำหรับศิลปินยุคใหม่ และคอร์สนี้จะพาคุณไปรู้จักและใช้งานมันอย่างเข้าใจ ไม่ว่าคุณจะเป็นนักวาด นักออกแบบ หรือแค่คนที่สนใจ AI คอร์สนี้จะช่วยให้คุณ✅...
    • 1 Lesson
    Free
    What you’ll learn เข้าใจเทคโนโลยีของ Kling.ai และเบื้องหลังการสร้างวิดีโอด้วย AI วิธีการใช้งาน Kling.ai ตั้งแต่เริ่มต้นจนถึงระดับมืออาชีพ เทคนิคการเขียน Prompt เพื่อควบคุมฉาก ตัวละคร และการเคลื่อนไหวของกล้อง ตัวอย่างการประยุกต์ใช้ Kling.ai ในงานคอนเทนต์ การตลาด และการศึกษา สร้างวิดีโอจาก ข้อความ (Text-to-Video) และ ภาพนิ่ง (Image-to-Video) คอร์สนี้เหมาะสำหรับนักเรียนที่สนใจเทคโนโลยีใหม่ ๆ โดยเฉพาะการสร้างวิดีโอจากข้อความด้วย AI...
    • 0 Lessons
    Free
    What you’ll learn วิธีใช้งาน Dzine.ai ตั้งแต่เริ่มต้น แม้ไม่เคยแต่งภาพมาก่อน การสร้างภาพจากข้อความ (Text-to-Image) ด้วย AI การแก้ไขเฉพาะจุด เช่น เปลี่ยนสี ลบ เพิ่ม หรือปรับรายละเอียดของวัตถุ การเลือกวัตถุในภาพด้วยฟีเจอร์ Mask (เหมือนใน Photoshop) 📌 เนื้อหานี้เป็นส่วนหนึ่งของคอร์ส “สร้างเว็บไซต์ด้วย WordPress + AI สำหรับมือใหม่” อยากแต่งภาพแบบมือโปรไว้ใช้ในเว็บไซต์โดยไม่ต้องใช้ Photoshop?...
    • 1 Lesson
    Free
    What you’ll learn เทคนิคการใช้ ChatGPT อย่างมีประสิทธิภาพ พร้อมตัวอย่างใช้งานจริงในชีวิตประจำวัน วิธีเขียน Prompt แบบมืออาชีพ เพื่อให้ได้คำตอบที่แม่นยำและมีคุณภาพ การใช้งาน OpenAI API เพื่อสร้างแอปหรือระบบอัตโนมัติ แนวทางการสร้าง AI Agent และ Workflow อัตโนมัติด้วยเครื่องมือเสริม ประยุกต์ใช้ AI กับงานในหลายอาชีพ เช่น การตลาด ธุรกิจ โปรแกรมมิ่ง และการศึกษา สร้างภาพด้วย...
    • 0 Lessons
    Free