สารบัญ — บทที่ ๙ / ๑๖
PART 1 · รู้จัก
๑ · BOMLLM คืออะไร
๒ · สถาปัตยกรรม 4 เครื่อง
๓ · ฮาร์ดแวร์ที่ต้องมี
PART 2 · ติดตั้ง
๔ · เตรียมเครือข่าย
๕ · Mac Mini = สมอง
๖ · VPS = หน้าบ้าน
๗ · .env และ litellm.yaml
๘ · Virtual keys และงบประมาณ
PART 3 · ใช้งาน
▸ ๙ · Open WebUI ครั้งแรก
๑๐ · ลงโมเดลเพิ่มและส่วนเสริม
๑๑ · ภาพและเสียง (optional)
๑๒ · สูตรภาษาไทย
PART 4 · ต่อช่องทาง
๑๓ · LINE และ Telegram bot
๑๔ · MT5 EA อ่านอย่างเดียว และ content pipeline
PART 5 · ดูแล
๑๕ · ความปลอดภัยและ monitoring
๑๖ · อัปเกรดและแก้ปัญหา
PART 3 · ใช้งาน

09Open WebUI ครั้งแรก

Open WebUI first login

TL;DR — สรุปใน 30 วินาทีtldr

หน้าร้านที่ผู้ใช้เห็นจริงคือ Open WebUI — เว็บแชทหน้าตาคล้ายของดัง ๆ แต่หลังบ้านคือ Mac ของเราเอง บทนี้พาตั้งแต่เปิดครั้งแรก สร้างบัญชีแอดมิน เชิญผู้ใช้ ไปจนถึงเมนูเลือกโมเดลที่คัดมาแล้ว

เมื่อไหร่ควรใช้ / When to usewhen to use

ทำหลัง stack ขึ้นครบ (บทที่ ๖–๘) — เปิดผ่าน https://chat.โดเมนคุณ.com จาก browser ใดก็ได้ รวมถึงมือถือ

  • ระบบเราเปิดแบบ invite-only: สมัครเองไม่ได้ ต้องแอดมินสร้างบัญชีให้ (production ปัจจุบันมีผู้ใช้ 19 คน)
  • เบื้องหลังทุก call เดิน: WebUI → LiteLLM (กุญแจหลัก) → Mac — ผู้ใช้ไม่ต้องรู้ว่ากุญแจอยู่ตรงไหน

วิธีทำ / How-tohow to

ครั้งแรกที่เปิด: ผู้ที่สมัครบัญชีแรกจะกลายเป็นแอดมินอัตโนมัติ — ใช้อีเมล+รหัสของตัวเอง แล้วระบบจะพาเข้าหน้าแชททันที (ภาพจริงด้านล่าง)

  1. ตั้งค่าการสมัคร: Admin Panel → Settings → General → ปิด "Enable New Sign Ups" (เหลือไว้แค่ตอนเชิญเพื่อน)
  2. สร้างผู้ใช้: Admin Panel → Users → + กรอกอีเมล/รหัสชั่วคราว แล้วส่งให้เพื่อนเปลี่ยนรหัสเอง
  3. คุมโมเดลที่ผู้ใช้เห็น: กำหนดในหน้า Models ของแอดมิน — ของเราคัดเหลือ Chat / Deep Think / Code / Vision (ซ่อนโมเดลแอดมินออกจากสายตา user)
  4. ทดสอบ: พิมพ์คำถามไทย เช่น "สรุปข่าวทองวันนี้เป็น 3 ข้อ" — คำตอบต้องไหลออกมาทีละตัวอักษร (streaming) จาก Mac

ฟีเจอร์ที่เปิดใช้จริงบนหน้าร้าน: ค้นเว็บ (SearXNG), RAG (bge-m3+Qdrant+reranker), สร้างภาพ (บทที่ ๑๑), อ่านออกเสียง/รับเสียง (บน i9)

ถ้าติดตรงไหน → บทที่ ๑๖

ตัวอย่างการตั้งค่า / Config exampleconfig example

ตัวแปรสำคัญที่กำหนดพฤติกรรมหน้าร้าน (อยู่ใน docker-compose.yml บทที่ ๖):

OPENAI_API_BASE_URLS: "http://litellm:4000/v1"  # บังคับเดินผ่านประตู LiteLLM
OLLAMA_BASE_URLS: ""                            # ว่างเปล่าโดยเจตนา: ห้ามข้ามไป Mac
ENABLE_WEB_SEARCH: "true"                       # ค้นเว็บผ่าน SearXNG ในเครื่อง
WEB_SEARCH_ENGINE: "searxng"
RAG_EMBEDDING_ENGINE: ollama                    # embedding ทำบน Mac (ฟรี)
RAG_EMBEDDING_MODEL: bge-m3

ค่าพวกนี้คือเหตุผลที่หน้าร้านเร็ว ฟรี และวัดผลได้ — เปลี่ยนอะไรก็กลับมาดูบรรทัดนี้ก่อน

Pro tip — เคล็ดลับจากสนามจริงpro tip

★ PROD LESSON
เมนูโมเดลที่คัดมา = UX ที่ดีกว่า — อย่าเปิดให้ผู้ใช้เห็นโมเดลทุกตัวในระบบ — คัดเหลือ 3–4 ชื่อที่เข้าใจง่าย (Chat / Deep Think / Code / Vision) แล้วซ่อนโมเดลเฉพาะงาน (นักเขียน, วิเคราะห์ MT5) ไว้เบื้องหลัง ผู้ใช้ทั่วไปไม่ควรต้องตัดสินใจเรื่องที่เขาไม่รู้
★ PRO TIP
บัญชีแรก = กุญแจทั้งวัง — อย่าเพิ่งแชร์ลิงก์เว็บแชทให้ใครจนกว่าจะ (1) ปิดสมัครเอง (2) เปิด Cloudflare Access ปิดซ้อนอีกชั้น — บัญชีแอดมินแรกมีสิทธิ์เห็นผู้ใช้ทุกคนและการตั้งค่าทั้งหมด

คำถามที่พบบ่อย / FAQfaq

ถาม: ใช้บนมือถือได้ไหม? — ได้ เป็นเว็บ responsive มีโหมดกล้องอ่านภาพ และแปลงเป็นหน้าจอหลัก (PWA) ได้เหมือนแอป

ถาม: ข้อมูลแชทของผู้ใช้หลุดออกไหม? — อยู่ใน Postgres บน VPS ของเราเท่านั้น ไม่มีการส่งออกนอกบ้าน เว้นแต่คำถามนั้นต้องเรียก Tier 3 คลาวด์ (ระบุ route ชัดเจน สามารถปิดได้ในบทที่ ๗)

คำถามอื่น ๆ ดูที่ FAQ

ดูเพิ่ม / See alsosee also

ภาพประกอบ / Figuresfigures

หน้าเข้าสู่ระบบ Open WebUI ของระบบจริง — ปุ่มและหน้าจอภาษาไทย
ภาพจริงจาก production: ฟิลด์อีเมล/รหัสผ่านภาษาไทย พร้อมลิงก์สมัครสมาชิก (ปิดได้ในขั้นถัดไป)
Open WebUI แชทภาษาไทยจริง — ถามเกี่ยวกับ BOMLLM พร้อมคำตอบและการอ้างอิงจากการค้นเว็บ
ภาพจริงจากระบบ production: ถามภาษาไทย — ผู้ช่วยค้นเว็บ (สถานะ "กำลังค้นเว็บ...") คิด 4 วินาที แล้วตอบภาษาไทยพร้อมแหล่งอ้างอิง และคำถามต่อยอดแนะนำอัตโนมัติ
เมนูเลือกโมเดลของ Open WebUI เปิดแสดงรายการโมเดลที่คัดมา
เมนูเลือกโมเดล (เปิดอยู่): ผู้ใช้ทั่วไปเห็นเฉพาะรายการที่แอดมินคัดมา ไม่ใช่ทุกโมเดลที่มีในระบบ
หน้า Workspace จัดการโมเดลของแอดมิน — รายการ Chat Deep Think Image Vision
หน้าจัดการโมเดล (แอดมิน): คัด 4 รายการ — Chat / Deep Think / Image / Vision พร้อมสิทธิ์ Read Only และโมเดลเบื้องหลังของแต่ละรายการ

วิดีโอ / Videovideo

🎬
วิดีโอกำลังผลิต — ติดตามที่ YouTube @icafefx
คลิปสาธิตทีละขั้นของบทนี้จะอัปโหลดที่ youtube.com/@icafefx เร็ว ๆ นี้