คู่มือฉบับสมบูรณ์สำหรับใช้งาน HearhuiOS — แพลตฟอร์มธุรกิจดิจิทัลแบบ Self-hosted
vercel --prodDATABASE_URL, NEXTAUTH_SECRET, ENCRYPTION_KEYnpm run db:push/signup แล้วตั้งค่า role เป็น admin ในฐานข้อมูล/admin/setup แล้วทำตามขั้นตอนสร้างบัญชีที่ /signup ด้วยอีเมลและรหัสผ่าน ระบบจะส่งอีเมลยืนยันตัวตน — คลิกลิงก์เพื่อเปิดใช้งานบัญชี หากลืมรหัสผ่าน สามารถรีเซ็ตได้ผ่านลิงก์ “ลืมรหัสผ่าน?” ในหน้าล็อกอิน
หลังเข้าสู่ระบบ จะเห็นแดชบอร์ดแสดงสถิติ: คอร์สที่ลงทะเบียน, การซื้อ, ไฟล์, ใบประกาศนียบัตร, เซสชัน AI Chat และอื่นๆ ใช้เมนูด้านข้างเพื่อไปยังส่วนต่างๆ
ดูคอร์สที่มีได้ที่ /products หลังซื้อแล้ว ไปที่ /dashboard/courses เพื่อเข้าเรียน แต่ละคอร์สมีโมดูลที่มีบทเรียน (วิดีโอ, ข้อความ, แบบทดสอบ, หรือการบ้าน) เรียนจบทุกบทเรียนจะได้รับใบประกาศนียบัตรอัตโนมัติ
เข้าถึง 8 ทักษะ AI ที่ /dashboard/ai-skills ทักษะจะเป็นแบบ Guided Journey — ทำแต่ละขั้นตอนให้เสร็จเพื่อปลดล็อกขั้นถัดไป แต่ละทักษะมีระบบ Chat แบบ Streaming ที่ขับเคลื่อนด้วย Claude AI
หลังเรียนจบคอร์ส ใบประกาศนียบัตรจะปรากฏที่ /dashboard/certificates คลิกเพื่อดูรายละเอียดและดาวน์โหลดเป็น PDF
แชร์ลิงก์แนะนำเฉพาะของคุณจาก /dashboard/referrals เมื่อเพื่อนสมัครและซื้อสินค้า คุณจะได้รับค่าคอมมิชชั่น 10% อัตโนมัติ ติดตามสถิติการแนะนำได้ในหน้าเดียวกัน
เข้าถึง Admin Panel ที่ /admin แดชบอร์ดแสดงตัวเลขสำคัญ: จำนวนผู้ใช้, ผู้ใช้ที่ใช้งาน, สินค้า, การซื้อ, รายได้, และผู้ใช้ใหม่ (7 วัน)
ที่ /admin/users ค้นหาและจัดการผู้ใช้ทั้งหมด คลิกผู้ใช้เพื่อดูรายละเอียด เปลี่ยนบทบาท (user/instructor/admin) ระงับบัญชี และเพิ่มบันทึกของ admin
สร้างสินค้าดิจิทัลที่ /admin/products ตั้งชื่อ, คำอธิบาย, รูปภาพ, ราคา, และประเภท (จ่ายครั้งเดียว หรือ สมาชิกรายเดือน/ปี) สินค้าสามารถเชื่อมกับคอร์สหรือไฟล์ดิจิทัลได้
/admin/email-config) — Host, Port, Username, Password, From Address/admin/email-templates) — 5 เทมเพลตพร้อมใช้ รองรับตัวแปร {{variables}}/admin/email-logs) — ดูอีเมลที่ส่งสำเร็จ/ล้มเหลวทั้งหมด/admin/test-email) — ส่งอีเมลทดสอบเพื่อตรวจสอบการตั้งค่าสร้างและจัดการบทความที่ /admin/blog เขียนเนื้อหา HTML, ตั้งค่า SEO metadata (ชื่อ, คำอธิบาย, slug, คีย์เวิร์ด) แล้วเผยแพร่ บทความจะปรากฏที่ /blog
ที่ /admin/tracking เพิ่ม tracking tags สำหรับ 11 แพลตฟอร์ม: GA4, GTM, Facebook Pixel, TikTok, LINE Tag, X/Twitter, LinkedIn, Snapchat, Pinterest และ custom scripts ดูรายงานที่ /admin/tracking/reports
ตั้งค่า Stripe ที่ /admin/stripe ใส่ publishable key, secret key, และ webhook secret รองรับการจ่ายครั้งเดียวและสมาชิก นอกจากนี้ยังมี PromptPay QR สำหรับลูกค้าไทย
ตั้งค่า Claude API ที่ /admin/ai-config ใส่ API key, เลือก model, และเปิด/ปิดฟีเจอร์ AI มี 8 ทักษะ AI พร้อมใช้หลัง seed ข้อมูล
ที่ /admin/purchases ดูคำสั่งซื้อทั้งหมด อนุมัติหรือปฏิเสธการชำระเงินผ่าน PromptPay เมื่ออนุมัติ ระบบจะส่งอีเมลยืนยัน ลงทะเบียนคอร์ส และสร้างลิงก์ดาวน์โหลดอัตโนมัติ
/dashboard/instructor/coursesดูงานที่นักเรียนส่งที่ /dashboard/instructor/submissions อนุมัติหรือปฏิเสธการบ้าน พร้อมเพิ่ม feedback ได้ รองรับทุกคอร์สที่คุณสอน
| หมวด | เทคโนโลยี |
|---|---|
| เฟรมเวิร์ก | Next.js 16 + React 19 |
| ภาษา | TypeScript |
| สไตล์ | Tailwind CSS v4 + shadcn/ui |
| ฐานข้อมูล | PostgreSQL (Neon) + Drizzle ORM |
| ยืนยันตัวตน | NextAuth v5 (credentials) |
| ชำระเงิน | Stripe + PromptPay QR |
| AI | Claude API (@anthropic-ai/sdk) |
| อีเมล | Nodemailer (SMTP) |
| เข้ารหัส | AES-256-GCM |
| ทดสอบ | Playwright (E2E) |
| โฮสติ้ง | Vercel |
| ตัวแปร | จำเป็น | คำอธิบาย |
|---|---|---|
| DATABASE_URL | ใช่ | PostgreSQL connection string |
| NEXTAUTH_SECRET | ใช่ | รหัสลับสำหรับเข้ารหัส session |
| NEXTAUTH_URL | ใช่ | URL ของแอป (เช่น https://hearhuios.vercel.app) |
| ENCRYPTION_KEY | ใช่ | รหัส hex 64 ตัวอักษรสำหรับ AES-256-GCM |
| CRON_SECRET | แนะนำ | รหัสลับสำหรับ cron jobs (email sequences, cleanup) |
| SENTRY_DSN | ไม่บังคับ | Sentry DSN สำหรับ error monitoring |
Stripe, SMTP, และ Claude API key ตั้งค่าผ่าน Admin Panel และเก็บเข้ารหัสในฐานข้อมูล