School RAG Chatbot Demo

เจ้าของผลงานเล่าไว้แบบนี้

https://chatbot-demo-rouge.vercel.app # School RAG Chatbot Demo ต้นแบบ chatbot สำหรับนำเสนอให้โรงเรียนหรือวิทยาลัย โดยให้ AI ตอบจากเอกสารจริงผ่าน RAG ไม่เดาคำตอบเอง ## Architecture ```text ผู้ใช้ -> หน้าเว็บ / LINE OA / Messenger -> Backend API -> Supabase Vector DB -> Gemini -> ตอบกลับพร้อมแหล่งอ้างอิง ``` ## Stack - Next.js App Router สำหรับหน้าเว็บและ backend API - Gemini Flash สำหรับสร้างคำตอบ - Gemini Embedding ขนาด 768 สำหรับค้น semantic search - Supabase Postgres + pgvector สำหรับเก็บ `document_chunks` - Tailwind CSS สำหรับ UI ## Setup ```bash npm install cp .env.example .env.local npm run dev ``` ตั้งค่า `.env.local`: ```bash GEMINI_API_KEY=... SUPABASE_URL=... SUPABASE_SERVICE_ROLE_KEY=... ``` ห้ามใส่ `GEMINI_API_KEY` หรือ `SUPABASE_SERVICE_ROLE_KEY` ใน frontend ## Fast Demo Ingestion สำหรับ demo ให้โหลดข้อมูลเข้า Supabase ก่อนนำเสนอ ไม่ต้อง scrape สดระหว่างคุยกับผู้ชม ### Website pages ```bash cp data/urls.example.txt data/urls.txt ``` ใส่ URL หน้าโรงเรียน/วิทยาลัยที่ต้องใช้ เช่น สมัครเรียน ค่าเทอม หลักสูตร ปฏิทิน ระเบียบ ทุน และช่องทางติดต่อ แล้วรัน: ```bash npm run ingest:urls ``` สคริปต์จะ scrape HTML, cache text ไว้ที่ `data/sources/scraped`, ตัด chunk, ทำ Gemini embedding 768 dimensions, แล้ว insert ลง `document_chunks` ### Facebook / ประกาศที่ scrape ยาก คัดลอกข้อความโพสต์ล่าสุดที่ต้องใช้ลงไฟล์: ```bash data/sources/facebook-latest.md ``` จากนั้นรัน: ```bash npm run ingest:files ``` ### PDF คู่มือ/ประกาศ ถ้ามี PDF เช่น คู่มือนักศึกษา ให้ใส่ URL ใน: ```bash data/pdf-ur

โดย MediaforgeThailand · ดูโพสต์ต้นทาง