1 ชั่วโมงนี้ · คุณจะได้อะไร
บอท LINE ใช้ AI ตอบลูกค้า 24 ชม. — สร้างจากศูนย์ ฟรี
ฟรี · ทุกคนทำตามได้
บอท LINE OA · ตอบลูกค้า 24 ชม. แบบไม่ต้องนั่งตอบเอง
- ✓ ใช้ AI ของ Google ตอบ · เหมือนพนักงานคนหนึ่ง
- ✓ ข้อมูลร้านอยู่ใน Google Sheet · มือถือก็แก้ได้
- ✓ บอทตื่น 24 ชม. · ปิดเครื่องไปนอนได้
- ✓ ทุกบัญชีที่ใช้ ฟรีหมด · ไม่มีค่าซ่อน
🔒 คลังแสง · ของจริง
บอทเดียวกัน · แต่พร้อมใช้กับลูกค้าจริง
บอทพื้นฐานพอเล่นได้ · แต่เจอลูกค้าจริงเยอะๆ มักเจอ 4 ปัญหา · ชุดของผมแก้ครบ:
- ✓ AI ไม่แต่งคำตอบเอง — ตอบจาก Sheet เท่านั้น (ไม่เพี้ยนราคา/เวลา)
- ✓ บอททนทาน — คนทักทีละ 100 คนก็ตอบทันหมด
- ✓ การ์ดสวยพร้อมใช้ — เมนู · จอง · QR ชำระเงิน · catalog · contact
- ✓ AI ตอบไม่ได้ → ส่งต่อแอดมิน ทันที (ลูกค้าไม่หลุดมือ)
เตรียม 4 อย่างก่อนเริ่ม
ทุกตัวสมัครฟรี · ใช้ Google login ได้ทุกอัน · ~10 นาทีเสร็จ
ไม่รู้ว่า Vercel · Gemini · API คืออะไร? เลื่อนลงไปดู Appendix ท้ายหน้า — เปรียบเทียบให้เห็นภาพง่ายๆ
ลูกค้าทักใน LINE → AI อ่าน FAQ → ตอบกลับ · ทั้งหมดเกิดบน Vercel · ไม่ต้องเปิดเครื่องคุณ
เส้นส้ม = ข้อความใหม่ ไหลตามทิศทาง · เส้นทองจางๆ = AI ดึงข้อมูลจาก FAQ มาคิดคำตอบ
ส่วนที่ 1 · ตั้ง LINE Developer Channel
ที่ที่บอทจะ “พูดคุย” กับ LINE ของลูกค้า · ~5 นาที
กด “Create” ใส่ชื่อแบรนด์/ร้าน · 1 Provider = 1 แบรนด์
ใน Provider · กด Create a Messaging API channel · ใส่ชื่อ OA + รายละเอียด + โลโก้
ใน Channel ที่เพิ่งสร้าง มี 2 ค่าต้อง copy เก็บไว้ใน Notepad/Notes ก่อนไป S4:
- กดแท็บ Messaging API ด้านบน
- เลื่อนล่างสุด หา Channel access token (long-lived)
- กดปุ่ม Issue · ได้ token ยาวๆ
- กดไอคอน copy · paste เก็บใน Notepad
- กดแท็บ Basic settings
- หา Channel secret
- กดไอคอน copy · paste เก็บใน Notepad
ห้ามใส่ในโค้ดตรงๆ · ห้ามแชร์ · ห้ามให้ขึ้น GitHub · ถ้าหลุด → กด Issue ออกตัวใหม่ทันที (ตัวเก่าจะใช้ไม่ได้) · เดี๋ยวเก็บไว้ในกล่อง Environment Variables ของ Vercel (S5)
มี 2 ค่า เก็บไว้: Channel Access Token + Channel Secret
ส่วนที่ 2 · GitHub · ที่เก็บโค้ด
สมัครฟรี · 3 นาที · Vercel จะมาดึงโค้ดจากที่นี่ไป deploy
ที่ github.com/new · ตั้งค่าตามนี้:
- · Repository name:
line-bot-ai - · Visibility: Public ก็ได้ (ฟรี · ไม่มี secret ใน code อยู่แล้ว เก็บใน Vercel env)
- · Add README: ติ๊กเปิด
- · Add .gitignore: เลือก Node (จากเมนู dropdown)
- · Add license: ปล่อย No license ไว้
กดปุ่ม Code → HTTPS → copy URL · Claude Code จะใช้ตอน S10
README คือไฟล์ README.md ที่เป็น หน้าแรกที่คนเห็นเวลาเปิด repo · ไว้อธิบายว่าโปรเจกต์นี้คืออะไร · GitHub จะสร้างให้อัตโนมัติ
.gitignore บอก Git ว่า ไฟล์ไหน “ห้าม upload” · เลือก Node = ป้องกัน node_modules/ (1GB+) และ .env (มี secret) ขึ้น GitHub โดยไม่ได้ตั้งใจ
เห็น repo ใหม่ที่ github.com/<you>/line-bot-ai · คัด URL ไว้
ส่วนที่ 3 · Vercel · บ้านของบอท 24 ชม.
ที่ที่บอทจะอยู่จริง · เปิดตลอดไม่ต้องเปิดเครื่องคุณ · tier ฟรีก็พอ · ~5 นาที
ที่ vercel.com/new → เลือก repo line-bot-ai ที่เพิ่งสร้าง
⚠️ ตอนนี้ repo ยังว่าง · Vercel อาจ detect framework เป็น “Other” · ไม่เป็นไร · ขั้นตอน S10 Claude Code จะสร้างไฟล์ vercel.json ที่บอก framework = Next.js ให้อัตโนมัติ
ก่อนกด Deploy เลื่อนลงหา Environment Variables · กรอก 4 ตัว (Name + Value):
LINE_CHANNEL_ACCESS_TOKENLINE_CHANNEL_SECRETGEMINI_API_KEYtemp ก่อน · มาแก้ตอน S8SHEET_CSV_URLtemp ก่อน · มาแก้ตอน S7ทำไมต้องใส่ temp ก่อน? · เพราะ Vercel ต้อง deploy code ก่อน · ถ้าใส่ค่าจริงทีหลัง แค่ “Redeploy” ก็พอ ไม่ต้องเขียน code ใหม่
กด Deploy · รอ ~60 วินาที · ได้ URL https://line-bot-ai-xxx.vercel.app · คัดเก็บ
⚠️ เช็ค Build duration หลัง deploy เสร็จ · ดูใน Deployments · ตัวเลขเวลาที่ใช้ build
- 30-90 วินาที = ปกติ · Next.js build สำเร็จ ✓
- < 10 วินาที / 0ms = build ว่างเปล่า (framework ผิด) · ต้องดู S12 case แรก
- ✓ มี Production URL ของ Vercel แล้ว (เช่น
https://line-bot-ai-xxx.vercel.app) - ✓ ตั้ง env vars ครบ 4 ตัว แล้ว · 2 ตัวมีค่าจริง (LINE) · 2 ตัวเป็น
tempรอเติมตอน S7 + S8
กลับไปตั้ง Webhook URL ใน LINE
บอกให้ LINE รู้ว่า ลูกค้าทักมาเมื่อไหร่ ให้ส่งมาที่ Vercel URL นี้
Channel ของคุณ · แท็บ Messaging API · เลื่อนหา “Webhook URL”
ในช่อง Webhook URL · ใส่:
https://[URL Vercel ของคุณ]/api/line-webhook
ตัวอย่างถูก: https://line-bot-ai-abc123.vercel.app/api/line-webhook
เช็ก 3 จุดก่อนกด Save:
https://ตัวเดียว (ไม่ใช่https://https://)- ลงท้ายด้วย
/api/line-webhook· ไม่มี/หรือ space ต่อท้าย - ไม่มี
/editหรือ query string ติดมา (เผลอ copy ผิด)
กดปุ่ม Verify · ตอนนี้ขึ้นแดงเพราะยังไม่ได้เขียน code · ปกติ · กลับมากดอีกครั้งหลัง S10
ใน Messaging API tab · เลื่อนลงไปอีก:
- ติ๊ก Use webhook = ON · เพื่อให้ LINE ส่งข้อความมาที่ Vercel ของเรา
- กดปุ่ม LINE Official Account features · เปิดหน้าใหม่
- เมนูซ้าย Response settings · ปิด Auto-response messages = OFF
- ปิด Greeting message ด้วย (ถ้าไม่อยาก) = OFF
ทำไมต้องปิด auto-reply? · ถ้าไม่ปิด LINE จะส่ง template “ขอบคุณที่ติดต่อ...” ตอบลูกค้าก่อน · แล้วบอท AI ของเราก็ตอบอีก = ลูกค้าได้ 2 ข้อความ งง
Google Sheet · FAQ ของบอท
ความรู้ของบอทอยู่ใน Sheet · เขียนเหมือนคุยกับลูกค้า · AI อ่านเองเข้าใจเอง
ไป sheets.new · ได้ sheet เปล่า · หรือใช้ template ของผม (ลิงก์จะแชร์ตอน live ในแชท YouTube)
ไม่อยากรอ? · สร้างเองง่ายๆ · 3 คอลัมน์ตามตัวอย่างข้างขวา
3 คอลัมน์ง่ายๆ · เขียนเหมือนตอบลูกค้าจริง:
| หมวด | คำถาม | คำตอบ |
|---|---|---|
| เมนู | เมนูมีอะไร | หมูกรอบ 80 ผัดไทย 60 ต้มยำ 120 |
| เวลา | เปิดกี่โมง | ทุกวัน 10:00–22:00 |
| ที่ตั้ง | ร้านอยู่ไหน | ลาดพร้าว ห่าง MRT 200ม. |
| จองโต๊ะ | จองยังไง | ทักผ่าน LINE บอกวัน-เวลา-จำนวน |
ไม่ต้องระบุคำพ้องหลายแบบ · เขียนตรงๆ · AI เข้าใจคำใกล้เคียงเอง
File → Share → Publish to web · เลือก Comma-separated values (.csv) · กด Publish · ก๊อป URL
URL ที่ถูก ต้องลงท้ายด้วย /pub?output=csv:
✓ https://docs.google.com/spreadsheets/d/.../pub?output=csv
URL ผิด (URL ปกติของ Sheet · ไม่ผ่าน publish):
✗ https://docs.google.com/spreadsheets/d/.../edit#gid=0
ถ้าใส่ URL ผิด · บอทดึงข้อมูลไม่ได้ · ตอบ fallback ตลอด · ต้องกลับมา Publish to web ใหม่
Vercel → Settings → Environment Variables → แก้ SHEET_CSV_URL เป็น URL จริง → Save
Sheet มี FAQ จริง · CSV URL เปิดในเบราว์เซอร์เห็นข้อมูล · Vercel มี SHEET_CSV_URL แล้ว
ส่วนที่ 4 · Google AI Studio · ขอ Gemini API key
“สมอง” ของบอท · สมัครฟรี · ใช้ Google login · ~3 นาที
key หน้าตา AIza... · คัดเก็บไว้ใน notepad · ห้ามแชร์ ห้ามใส่ใน code
Vercel → Settings → Environment Variables → แก้ GEMINI_API_KEY เป็นค่าจริง → Save
- · Free tier: ~1,500 requests/วัน · ~10 requests/นาที · SME ส่วนใหญ่ใช้ไม่ถึง
- · Paid tier (Standard): input $0.30 / output $2.50 ต่อ 1M token
- · ต่อ 1 บทสนทนา (input ~2K + output ~200 token) ≈ 0.04 บาท
- · 1,000 บทสนทนา ≈ ~40 บาท (ลดเหลือ ~10 บาทถ้าเปิด prompt caching)
- · แนะนำใช้รุ่นล่าสุด
gemini-3.5-flash(เร็ว+ฉลาดกว่า 2.5 · ราคาเท่ากัน)
อ้างอิง: ai.google.dev/gemini-api/docs/pricing (อัปเดต 2026-05-19)
env vars Vercel ครบ 4 ตัว · พร้อมเขียน code แล้ว
🔴 ให้ AI ช่วยออกแบบบอทให้คุณ
ไม่ต้องคิดโครงเอง · ก๊อป prompt 1 ตัว · AI สัมภาษณ์ธุรกิจคุณ 3 คำถาม · ออกบรีฟครบให้ Claude Code
ให้ AI สัมภาษณ์ธุรกิจคุณ ออกบรีฟสร้างบอท LINE AI
/* BRIEF · ภาษาธรรมชาติ · ใครก็พิมพ์ได้ */คุณคือ Senior Software Engineer ที่จะช่วยผม build LINE bot ที่ใช้ AI Gemini ตอบลูกค้า
Context (ตั้งไว้แล้ว ไม่ต้องถามผม):
- Next.js 14 App Router + TypeScript
- deploy บน Vercel (มี production URL)
- webhook endpoint = /api/line-webhook
- ใช้ @line/bot-sdk รับ event + ส่ง reply
- ใช้ @google/genai เรียก gemini-3.5-flash (รุ่นล่าสุด · เร็วและฉลาดกว่า 2.5)
- temperature = 1.0 (default · อย่าปรับลด · Gemini 3.x จะเพี้ยน)
- maxOutputTokens = 1024 (สำคัญ! Gemini 3.x นับ thinking + output รวมกัน · 200 จะตัดประโยคกลางทาง)
- log finishReason + thoughtsTokenCount + candidatesTokenCount ทุก request (debug ง่าย)
- ถ้า finishReason === MAX_TOKENS → return default_reply (กันส่งครึ่งประโยคให้ลูกค้า)
- FAQ ดึงจาก Google Sheet (CSV public URL · cache ใน memory 60 วิ)
- AI อ่าน FAQ → ตอบลูกค้าด้วยภาษาธรรมชาติ
- env vars 4 ตัวมี: LINE_CHANNEL_ACCESS_TOKEN, LINE_CHANNEL_SECRET, GEMINI_API_KEY, SHEET_CSV_URL
กติกา:
- ถามผมทีละข้อ ห้ามถามรวบ
- ใช้ภาษาคนทั่วไป ไม่ใช้ศัพท์เทคนิคถ้าไม่จำเป็น
ถามผม 3 ข้อ:
1. ธุรกิจคุณคืออะไร บอท reply ในนามใคร เช่น “พี่ที่ร้านพิซซ่า”
2. โทนภาษาที่อยากให้บอทใช้ (สุภาพ เป็นกันเอง มี emoji ไหม สั้นยาวแค่ไหน)
3. ถ้าลูกค้าถามเรื่องที่ไม่มีใน FAQ ให้บอททำอะไร (default message ว่าอะไร)
พอครบ สรุปออกมาเป็น “บรีฟสำหรับ Claude Code”:
- ส่วนที่ 1: โครงไฟล์ (app/api/line-webhook/route.ts, lib/sheet.ts, lib/gemini.ts)
- ส่วนที่ 2: Sheet schema FAQ
- ส่วนที่ 3 (สำคัญสุด): System Prompt ตามโครง Google official:
<role> คุณคือ [พนักงาน] ของ [ร้าน] </role>
<constraints> ตอบโดยใช้ข้อมูลใน <faq> เท่านั้น · ห้ามแต่งราคา/เวลา/ที่ตั้ง · ถ้าไม่มีตอบ default message · โทน [...] · ความยาว 1-3 ประโยค </constraints>
<output_format> ภาษาไทย ไม่ใช้ markdown </output_format>
<faq> [CSV จาก Sheet · มาก่อน task] </faq>
<question> [user message · มาท้ายสุด] </question>
- ส่วนที่ 4: LINE webhook flow (verify signature · fetch sheet · call gemini · reply ภายใน 10 วินาที)
- ส่วนที่ 5: error handling (Sheet ดึงไม่ได้ · Gemini timeout · LINE ส่งกลับไม่ได้)
- ปิดท้าย: commit + push GitHub + ดู Vercel deploy
เริ่มเลย — ถามคำถามแรกlocalhost:3000/saleนี่คือ “หัวใจ” ของบอท AI ที่ตอบไม่มั่ว · SWE prompt ข้างบนจะออก ตามโครงนี้ให้ · เก็บไว้เป็น reference:
- “Strictly grounded” — ตอบเฉพาะข้อมูลที่ให้
- FAQ มาก่อน · คำถามลูกค้ามาท้ายสุด
- ระบุ out-of-scope ชัด · ไม่ปล่อยให้เดา
- ใช้ XML/Markdown delimiters แยกส่วน
- Temperature 1.0 default (อย่าปรับลด สำหรับ 3.x)
- AI โฟกัสข้อมูลที่ให้ · ไม่ใช้ความรู้จากการ train
- มี “ทางหนี” (default reply) · ไม่ต้องเดาเอง
- โครงชัดเจน · AI ไม่หลงทาง
- วาง FAQ ก่อน question = AI อ่านครบก่อนตอบ
ทดลองบอทร้านอาหารตัวอย่าง · บนหน้านี้เลย
บอทตัวนี้ใช้ Gemini AI + FAQ ของร้านสมมุติ “ครัวพี่แม่ค้า” · ตอบจริงไม่ใช่สคริปต์ · ลองทักคำถามอะไรก็ได้
FAQ ใน demo นี้คือร้านอาหารตัวอย่างที่ผม hardcode ไว้ · ลอง paraphrase ดู AI ก็ตอบได้ · ลองถามเรื่องที่ไม่มีใน FAQ ดูบอทยอมรับว่าไม่รู้
Hallucination Guard · Production System Prompt
template ข้างบนคือพื้นฐาน · ทำงานได้แต่ AI ยังหลุดบ้าง · recipe คลังแสงให้ System Prompt 2 ชั้น ที่ผ่านการทดสอบกับลูกค้าจริง · กัน AI แต่งราคา/เวลา/โปร 99%
ใส่รหัสจากคอมมูนิตี้ คลังแสง · ปลดล็อกทุก EP
- 1ดาวน์โหลด recipe · เปิดในเครื่อง
- 2เปิด Claude Code ที่ repo บอท · paste recipe
- 3บอก “เพิ่ม features ตามนี้” → Claude upgrade ให้
ให้ Claude Code เขียนทั้งหมด · 1 ครั้ง · ไม่ต้องเขียนเอง
วางบรีฟจาก S9 → Claude เขียนไฟล์ให้ครบ → push ขึ้น GitHub → Vercel เปิดเว็บอัตโนมัติ ~60 วินาที
เปิด Claude Code · พิมพ์บอก Claude:
“ช่วย clone github.com/<ชื่อ-github-คุณ>/line-bot-ai ลงเครื่อง · cd เข้าโฟลเดอร์ line-bot-ai · แล้วเปิดทำงานในนี้ทั้งหมด”
สำคัญ: ต้อง cd เข้าไปใน folder ที่ clone ก่อนเริ่มเขียน code · ไม่งั้น push GitHub ตอน step 4 จะ fail
ก็อปบรีฟ 5 ส่วนที่ AI สร้างให้ตอน S9 มาวาง · แล้วบอก Claude:
“สร้างโปรเจกต์ตามบรีฟนี้ให้ · ติดตั้ง @line/bot-sdk + @google/genai · สร้าง vercel.json ที่ตั้ง ด้วย (กันปัญหา Vercel detect framework ผิด)”
Claude อ่านบรีฟ · ถ้ามีจุดสงสัยจะถามก่อน · ไม่งงก็เริ่มเขียน code เลย
Claude ใช้เวลา 1-3 นาทีเขียน · จะสร้างไฟล์ประมาณนี้:
- ·
package.json— รายการ library ที่ใช้ - ·
vercel.json— บอก Vercel ว่าใช้ Next.js (สำคัญ · กัน 404) - ·
app/api/line-webhook/route.ts— รับข้อความจาก LINE - ·
lib/sheet.ts— ดึง FAQ จาก Google Sheet - ·
lib/gemini.ts— เรียก Gemini ให้ตอบ - ·
.env.local— ใส่ Token/Key สำหรับทดสอบที่เครื่อง
บอก Claude (prompt นี้ทนทาน · ใช้ได้ทุก case):
“commit แล้ว push ขึ้น GitHub ให้หน่อย · ถ้าโฟลเดอร์นี้ยังไม่ใช่ git repo ให้ init + ตั้ง remote ไปที่ github.com/<ชื่อ-github-คุณ>/line-bot-ai ก่อน · ถ้ามี conflict กับ README บน GitHub ให้ merge หรือ force push ทับได้ (เพราะ repo ยังว่าง)”
push เสร็จ · Vercel เห็นว่า code เปลี่ยน · build ใหม่อัตโนมัติ (~60 วินาที) · ดูสถานะที่ Vercel → Deployments → รอเป็น Ready สีเขียว
prompt นี้รวม fallback แล้ว · Sonnet ก็ทำตามได้ · ไม่ต้องใช้ Opus
Vercel Deployments แสดง Ready สีเขียว · กลับ LINE Console กด Verify webhook อีกที → Success ✓
โค้ดของผมที่ใช้กับลูกค้า Mew Social
บอทที่ Claude Code สร้างให้ตอน S10 = ใช้งานได้ · ไม่พังตอน demo · แต่ตอนเจอลูกค้าจริง 100 คน/วัน ต้องมี retry · log · cache · handoff · ฯลฯ · recipe pack มีโค้ดทั้งหมดที่ผ่านการใช้จริง 18 ระบบ · paste ใน Claude Code → upgrade ได้ใน 5 นาที
ใส่รหัสจากคอมมูนิตี้ คลังแสง · ปลดล็อกทุก EP
- 1ดาวน์โหลด recipe · เปิดในเครื่อง
- 2เปิด Claude Code ที่ repo บอท · paste recipe
- 3บอก “เพิ่ม features ตามนี้” → Claude upgrade ให้
ทดสอบจริง · ลูกค้าคนแรก = ตัวคุณเอง
แอด OA ตัวเอง · ลองทักดูจริงๆ · AI ตอบฉลาดสมราคาคุยไหม?
LINE Console → Channel → ลงไปหา QR code · เปิดมือถือ Scan
“เมนูมีอะไรบ้าง” · “ราคาเท่าไหร่” · “เปิดกี่โมง” → บอทตอบจาก Sheet
“ปกติเปิดถึงกี่โมงคะ” · “อยากกินผัดไทย ยังขายมั้ย” · “วันอาทิตย์เปิดป่าว” · AI เข้าใจคำใกล้เคียงเอง
“พรุ่งนี้ฝนตกไหม” → AI ควรตอบ fallback ที่เราตั้งไว้ ไม่แต่งคำตอบเอง (ถ้าแต่ง = System Prompt ยังไม่แข็งพอ ดู S12)
AI อ่าน FAQ แล้วเข้าใจคำใกล้เคียงเอง — ไม่ต้องระบุ keyword หลายแบบ
คำสั่งบอทที่ดี = ยอมบอก “ไม่รู้” ดีกว่าเดามั่ว · ลูกค้ารู้สึกได้ทันทีว่าบอทตอบจริงจังหรือมั่วเอา
ปิด laptop · ไปนอน · ลูกค้าทักกลางคืน AI ตอบให้ · เจ้าของแก้ Sheet จากมือถือได้ทุกเมื่อ · AI อ่าน FAQ ใหม่ภายใน 60 วิ (cache)
Real conversation pack · 50 บทสนทนาจริงกับลูกค้า
ระบบ Mew Social ตอนนี้คุยกับลูกค้าจริงเดือนละ ~15,000 ข้อความ · recipe คลังแสง = 50 บทสนทนาที่ผ่านการทดสอบจริง (รวม edge cases) + วิธีที่ production bot handle ทุกเคส · ดูแล้วเอาไป tune System Prompt + FAQ ของตัวเองได้ทันที
ใส่รหัสจากคอมมูนิตี้ คลังแสง · ปลดล็อกทุก EP
- 1ดาวน์โหลด recipe · เปิดในเครื่อง
- 2เปิด Claude Code ที่ repo บอท · paste recipe
- 3บอก “เพิ่ม features ตามนี้” → Claude upgrade ให้
ทำตามแล้วติด? · เช็คตรงนี้ก่อน
7 ปัญหาที่เจอบ่อยที่สุด · มีวิธีแก้ทีละข้อ · ไม่ต้องถามใคร
เช่น “เรื่องนี้น้องขอ...” / “คุณพี่อยากทราบ...” แล้วหายไป · เกิดเฉพาะ Gemini 3.x · เพราะ
maxOutputTokens นับ thinking + output รวมกัน ·
ถ้า cap ต่ำ (เช่น 200) thinking กิน 256-512 → เหลือพิมพ์จริง 10-30 → ✂️
วิธีแก้ (บอก Claude):
“บอทตอบไม่จบประโยคบน Gemini 3.5-flash · ปรับ
maxOutputTokens เป็น 1024 ·
log finishReason +
thoughtsTokenCount +
candidatesTokenCount ทุก request ·
ถ้า finishReason === 'MAX_TOKENS' ให้ return default_reply แทนส่งครึ่งประโยคให้ลูกค้า”
เช็คได้ใน Vercel logs · ดู thoughtsTokenCount ของแต่ละ reply · ถ้าใกล้ cap เสมอ → เพิ่มอีก
ปัญหาใหญ่สุด · เกิดจากคำสั่งที่ให้บอทยังไม่ชัด · บอก Claude Code ว่า “เขียนคำสั่งบอทให้ตอบเฉพาะข้อมูลใน Sheet · ห้ามแต่งเอง · ถ้าไม่มีให้บอกว่าจะส่งต่อแอดมิน” · ทดสอบโดยถามเรื่องที่ไม่อยู่ใน Sheet · ถ้าบอทยังแต่งคำตอบ = คำสั่งยังหลวม · ให้ Claude เข้มขึ้น
key ใน Vercel ตัด space ผิด/copy ไม่ครบ · กลับ AI Studio คัดใหม่ · paste ใน env Vercel → Redeploy
Free tier เต็มแล้ว (~1,500 ข้อความ/วัน) · ปกติเกิดเฉพาะร้านที่ทักเยอะมาก · มี 2 ทาง: (1) รอ reset เที่ยงคืน UTC (2) เปิด billing ที่ Google Cloud — จ่ายตามจริง · ถูกมาก (~40 บาท ต่อ 1,000 ข้อความ)
เกิน 10 วินาที LINE จะส่งซ้ำ · ทำให้บอทตอบซ้ำ · บอก Claude Code “เก็บข้อมูล Sheet ไว้ในความจำ 60 วินาที (ไม่ต้องดึงใหม่ทุกครั้ง) + ตอบ LINE ทันที แล้วค่อยส่งคำตอบจริงตามไป”
กับดักที่นักเรียนเจอบ่อยที่สุด · Vercel import repo ตอนยังว่าง · detect framework เป็น “Other” · push code ทีหลังก็ยังเป็น “Other” · ทำให้ไม่ build Next.js · ทุก URL return 404
เช็คก่อน:
- เปิด
https://your-app.vercel.app/(หน้าแรก) · ถ้าก็ 404 → เป็นกับดักนี้ - Vercel → Project → Settings → General → ดู Framework Preset · ถ้าเป็น “Other” = ใช่
วิธีแก้ (บอก Claude):
“Vercel deploy แล้ว 404 ทุก route · framework preset เป็น Other · สร้าง vercel.json ที่ root ใส่
· commit + push · Vercel จะ rebuild ตามนั้น”
ถ้าทำตาม S10 step 2 prompt แล้ว vercel.json น่าจะมีอยู่แล้ว · case นี้แก้ไม่ต้องเปลี่ยน setting ใน Vercel UI · code-level fix
หน้าแรกเปิดได้ (200) แต่ /api/line-webhook ไม่มี · file path ผิด · บอก Claude:
“endpoint /api/line-webhook return 404 · ช่วยเช็คโครงไฟล์ · ต้องมี
app/api/line-webhook/route.ts ที่ export async function POST
export const runtime = 'nodejs'· ถ้ายังเป็น pages router ให้ย้ายมา App Router”
Channel Secret ใส่ผิดใน Vercel env · กลับ LINE Basic settings → คัด Secret ใหม่ → แก้ Vercel → Redeploy
ลืม commit package.json ขึ้น GitHub · บอก Claude Code “เช็ค package.json อยู่บน GitHub แล้วหรือยัง”
เกิดขึ้นถ้า Claude สร้างไฟล์ในโฟลเดอร์ที่ไม่ใช่ .git repo · บอก Claude:
“โฟลเดอร์นี้ยังไม่ใช่ git repo · ช่วย git init · ตั้ง remote ไปที่ repo ของผมบน GitHub
(github.com/<ชื่อคุณ>/line-bot-ai) · แล้ว commit + push ให้หน่อย · ถ้า remote มี README ขัด ให้ pull --rebase หรือ force push ทับ (repo ใหม่ ว่างอยู่)”
· Opus ทำให้เองอัตโนมัติ · Sonnet/Haiku ต้องบอกตามนี้
เร่งด่วน: ไป LINE Console → Issue Token ใหม่ · ไป AI Studio → Delete key เก่า + Create ใหม่ → อัปเดต Vercel env → Redeploy · ตัวเก่าจะใช้ไม่ได้ทันที
ทำเสร็จแล้ว · ขั้นต่อไปไปไหนต่อ
บอทพื้นฐานเสร็จ · ของเสริมอยู่ใน recipe pack คลังแสง · EP04 มาอีกพุธหน้า
AI ไม่ตอบมั่ว · ส่งต่อแอดมิน · การ์ดสวย · ปุ่มลัดใต้แชท · อยู่ใน recipe pack ของนักเรียนคลังแสง
ลูกค้าคอมเมนต์ใน FB Live → ระบบนับ → ตัดสต็อก → ตอบกลับ · ระบบที่ผมใช้กับ Mew Social
เลื่อนลงดู Appendix · เปรียบเทียบศัพท์ที่ใช้วันนี้ทั้งหมดให้เห็นภาพง่ายๆ
👉 EP ใหม่ทุกพุธ 16:00 · subscribe ที่ YouTube @mewsocial
Appendix · ศัพท์มือใหม่ที่ควรรู้สำหรับเรียน Claude Code
รวมศัพท์ที่ใช้ใน EP3 + AI พื้นฐาน · เปรียบเทียบให้เห็นภาพ ไม่ใช่ศัพท์เทคนิคแห้งๆ · EP ต่อไปจะใช้ซ้ำตลอด · เก็บหน้านี้ไว้เป็นที่อ้างอิงได้
กลุ่ม 1 · เก็บโค้ด & ส่งขึ้นเว็บ
Git — โปรแกรมที่ติดตามทุกการเปลี่ยนแปลงของไฟล์โค้ด · เหมือน Track Changes ของ Word แต่ทรงพลังกว่ามาก · ย้อนกลับไป version เก่าได้ทุกเวอร์ชัน
GitHub — บริการ online ที่เก็บไฟล์ Git บนเว็บ · เปรียบเหมือน Google Drive สำหรับโค้ด · และ Vercel จะมาดูดโค้ดจากที่นี่ไปเปิดเว็บให้
Repository (Repo) — โฟลเดอร์ของโปรเจกต์ 1 ตัวที่ Git กำกับประวัติให้ · 1 repo = 1 โปรเจกต์
Commit — บันทึก “ภาพถ่ายของโค้ดในจุดเวลานี้” · เหมือน save game · ย้อนกลับมาที่จุดนี้ได้
Push — ส่ง commit จากเครื่องตัวเองขึ้นไปบน GitHub · ก่อน push คนอื่นยังไม่เห็นการแก้
localhost — เว็บที่รันอยู่บนเครื่องคุณคนเดียว · มีแค่คุณเข้าได้ · ปิดเครื่อง = เว็บหายไป
Deploy — เอาโค้ดที่เขียน “ไปเปิดให้คนทั้งโลกใช้ได้” · เปรียบเหมือนเปิดร้านจริง (ก่อนหน้านี้ทำที่บ้าน = localhost)
Vercel — ที่ที่บอท/เว็บของคุณ “อยู่อาศัย” บนอินเทอร์เน็ต · เปรียบเหมือนเช่าพื้นที่เปิดร้านบนถนนใหญ่ · เปิด 24 ชม. ไม่ต้องเปิดเครื่องคุณ · Hobby tier ใช้ฟรี
กลุ่ม 2 · ภาษาและเครื่องมือเขียนโค้ด
JavaScript — ภาษาที่เว็บใช้ “ทำให้เคลื่อนไหว” · ทุกเว็บที่กดปุ่มแล้วมีอะไรเกิดขึ้น = JavaScript ทำงาน
TypeScript — JavaScript ที่ใส่ “ป้ายกำกับ” ประเภทของข้อมูล · คอมพิวเตอร์จับผิดให้ก่อนเปิดใช้ → ลด bug ตอน run
Next.js — “โครงรถพร้อมเครื่อง” สำหรับสร้างเว็บ · ไม่ต้อง build จาก 0 · เป็น framework ที่ใช้กันเยอะที่สุดในโลก
App Router — ระบบของ Next.js ที่ใช้จัด “หน้าไหนอยู่ที่ URL ไหน” · folder ใน app/ = URL
Framework — “กรอบงานสำเร็จรูป” ที่เตรียมโครงให้แล้ว · เปรียบเหมือนชุดเครื่องครัวสำเร็จ · คุณแค่ทำกับข้าวเอง
Build — คอมพิวเตอร์ “แปลโค้ดที่คนเขียน → ภาษาที่เครื่องใช้จริง” · เกิดก่อน deploy
กลุ่ม 3 · ของที่บอทใช้คุยกับโลก
API — “ทางที่โปรแกรม 2 ตัวคุยกัน” · เปรียบเหมือน เมนูร้านอาหาร · คุณสั่งตามเมนู ครัวรู้ทันทีว่าต้องทำอะไร · LINE/Gemini/Google Sheet มี API ให้บอทใช้
Webhook — “เบอร์โทรของบอท” · LINE มีเรื่อง = โทรมาบอก → บอทรับและตอบกลับ · “Webhook URL” = เบอร์โทร (เป็น URL https://...)
API Key / Access Token — บัตรผ่าน · พิสูจน์ว่าคุณคือเจ้าของบอทจริง ไม่ใช่คนแอบมาใช้ · ห้ามให้ใครเห็น เหมือนรหัสบัตร ATM
Environment Variable (.env / env var) — “กล่องเก็บความลับ” ของระบบ · เก็บ Token/Key/URL ลับ · แยกออกจากตัวโค้ดเพื่อไม่ให้หลุดขึ้น GitHub · บน Vercel เก็บใน Dashboard
JSON — รูปแบบเขียนข้อมูลแบบ “ป้ายชื่อกับค่า” · ใช้ทั่วโลกเป็นมาตรฐาน · API คืนข้อมูลเป็น JSON
CSV — ไฟล์ตารางแบบเรียบที่สุด · เหมือน Excel เก็บเป็นข้อความ · Google Sheet → Publish to web → CSV = แชร์ตารางในรูปไฟล์เปล่า
HTTPS — เว็บที่เข้ารหัสการสื่อสาร · URL ขึ้นต้นด้วย https:// · ปลอดภัย · LINE บังคับ · Vercel ให้ฟรี
กลุ่ม 4 · AI ที่บอทใช้คิด (เพิ่มใน EP3)
AI (Artificial Intelligence) — “สมองที่เลียนแบบคน” · ใน EP3 ใช้ AI ประเภท “LLM”
LLM (Large Language Model) — “AI ที่อ่านและเขียนข้อความได้” · ChatGPT, Claude, Gemini ทั้งหมดคือ LLM · ให้ข้อความเข้าไป → ได้ข้อความตอบกลับ
Gemini 3.5 Flash — LLM รุ่นล่าสุดของ Google (2026) · “ฉลาดพอ + ถูก + เร็ว” · Flash = รุ่นเล็กเร็วถูก · เหมาะกับ FAQ bot · มี free tier · 2.5 Flash ยังใช้ได้แต่ 3.5 ใหม่กว่า ราคาเท่ากัน
Google AI Studio — “หน้าร้าน” ที่ Google เปิดให้สมัครใช้ Gemini · ที่ขอ API key · ทดลองคุยกับ AI ฟรีก่อนเอาไปต่อโปรแกรม
Prompt — “คำสั่งที่ให้ AI” · ทุกสิ่งที่คุณพิมพ์ส่ง = prompt · ใน ChatGPT คือสิ่งที่พิมพ์ลงไป
System Prompt (System Instruction) — “คำสั่งกำกับก่อนเริ่มสนทนา” · บอก AI ว่าเป็นใคร ตอบยังไง ห้ามทำอะไร · ใส่ทุก request · หัวใจของบอท AI ที่ดี · Google แนะนำโครง: Role → Constraints → Output Format → Context (FAQ ก่อน) → Question (ทีหลังสุด)
Temperature — ค่าควบคุม “ความสร้างสรรค์” ของ AI · 0 = แม่นเป๊ะซ้ำ · 1 = สร้างสรรค์ · สำหรับ Gemini 3.x อย่าปรับลด (Google เตือน · จะทำให้ตอบเพี้ยน) · ใช้ default 1.0
Token (ของ LLM) — “หน่วยนับคำของ AI” · ภาษาไทย 1 ตัวอักษร ≈ 1 token · ใช้คิดค่าใช้จ่าย · Gemini 2.5/3.5 Flash: input $0.30/M · output $2.50/M (paid tier)
Hallucination — “AI แต่งคำตอบที่ไม่จริง” · ปัญหาใหญ่สุดของ AI bot · ป้องกัน 3 ทาง: (1) System Prompt ล็อก “ตอบเฉพาะข้อมูลใน FAQ” (2) ระบุ default reply สำหรับคำถามนอกขอบเขต (3) วาง FAQ มาก่อน question · AI โฟกัสดีกว่า
RAG (Retrieval-Augmented Generation) — เทคนิคให้ AI “อ่านเอกสารก่อนตอบ” · ใน EP3 เราใส่ FAQ ทั้งหมดใน System Prompt = RAG พื้นฐาน · EP ลึกจะมี RAG เต็มรูปแบบ (vector database)
📚 เก็บหน้านี้ไว้ · EP04, EP05, EP06... จะกลับมาใช้ศัพท์พวกนี้ซ้ำ · ครั้งหน้าเจอคำไหนงงให้กลับมาดู Appendix นี้
ไฟล์สำหรับนักเรียน คลังแสง
ไฟล์ชุดนี้สำหรับ นักเรียน คลังแสง
ใส่รหัสที่ได้จากคอมมูนิตี้ คลังแสง แล้วโหลดไปใช้ได้เลย
- ▸line-bot-recipe.md — โค้ดของจริง + ตัวกัน AI ตอบมั่ว + การ์ดสวยพร้อมใช้ + โอนหาแอดมิน + Rich Menu
ดูฟรีก็ได้ความรู้ · เป็นนักเรียน คลังแสง ได้ของจริงไปลงมือเลย
ดูคลิปแล้วเข้าใจ — แต่จะลงมือเองทีต้องเริ่มจากศูนย์ทุกครั้ง · นักเรียน คลังแสง ข้ามขั้นนั้นไปได้เลย
- ✓ไฟล์ตั้งต้นที่ผมใช้สร้างระบบจริง — เอาไปวางในงานคุณ แล้วสั่งงานต่อได้เลย ไม่ต้องนั่งเขียนเองตั้งแต่แรก
- ✓ดูย้อนหลังได้ทุกตอน + ไฟล์ฝึกทำตามทีละขั้น — ทำตามจนทำเองเป็น ไม่ใช่แค่ดูผ่าน
- ✓เข้าคอร์สเต็มก่อนใคร + กลุ่มคนที่ลงมือทำจริง — ติดตรงไหนถามได้ทุกวัน ไม่ต้องงมคนเดียว
ทุกตอนยังดูฟรีเหมือนเดิม · จ่ายเพื่อ “ของจริงไปลงมือ” เท่านั้น