← กลับหน้าโปรเจคทั้งหมด
ระดับ: START+ขายดีที่สุด
บอทขายของบน LINE OA ด้วย AI
ระบบตอบแชทอัตโนมัติสำหรับร้านค้าไทย — AI ตอบสินค้า ราคา สต็อก และโปรโมชั่น พร้อมระบบส่งต่อแอดมินคนจริงเมื่อตอบไม่ได้
Next.jsTypeScriptLINE Messaging APIGoogle Gemini 1.5
📋 ภาพรวม
ระบบ Webhook อัจฉริยะสำหรับเชื่อมต่อ LINE Official Account (LINE OA) เข้ากับ Google Gemini 1.5 Flash ตอบคำถามลูกค้าได้ 24 ชั่วโมงอย่างสุภาพ แม่นยำ ไม่มั่วข้อมูลสินค้า พร้อมระบบตรวจสอบลายเซ็นความปลอดภัย (LINE Signature Verification) และระบบ Fallback ส่งต่อแอดมินคนจริง
⚙️ ทำงานอย่างไร
- ลูกค้าพิมพ์ข้อความหา LINE OA → LINE Platform ยิง Webhook (POST) มาที่แอปของเรา
- ระบบตรวจสอบ X-Line-Signature ด้วย Secret Key เพื่อความปลอดภัยสูงสุด
- ดึงข้อมูลแคตตาล็อกสินค้าและกติกาโปรโมชั่นจากฐานข้อมูล/แคช
- ส่ง Prompt พร้อมประวัติบทสนทนาไปยัง Gemini 1.5 Flash ด้วยความเร็วเฉลี่ย < 1 วินาที
- หากคำถามอยู่นอกเหนือข้อมูลสินค้า ระบบจะแจ้งลูกค้าอย่างสุภาพและส่งข้อความแจ้งเตือนแอดมิน
- ส่งคำตอบกลับไปหาลูกค้าผ่าน LINE Reply Message API โดยไม่เสียโควตา Push Message
🔧 วิธีติดตั้ง
## ขั้นตอนที่ 1: เตรียม LINE Developer Console
1. ไปที่ [LINE Developers Console](https://developers.line.biz/) ล็อกอินด้วยบัญชี LINE
2. สร้าง Provider ใหม่ → สร้าง Messaging API Channel
3. ในหน้า Messaging API Settings:
- ออก **Channel Access Token (long-lived)**
- คัดลอก **Channel Secret** จากแท็บ Basic settings
4. ในช่อง Webhook URL ให้ใส่: `https://your-domain.com/api/line-webhook`
5. เปิดสวิตช์ **Use Webhook** เป็น ON และปิด Auto-reply messages ใน LINE Official Account Manager
## ขั้นตอนที่ 2: เตรียม Gemini API Key
1. เข้าไปที่ [Google AI Studio](https://aistudio.google.com/)
2. กด **Get API key** → สร้าง Key ใหม่ (ใช้งานฟรี Tier กว้างขวาง)
## ขั้นตอนที่ 3: ติดตั้งและตั้งค่า Environment
ในไฟล์ `.env.local`:
```env
LINE_CHANNEL_SECRET=your_line_channel_secret_here
LINE_CHANNEL_ACCESS_TOKEN=your_line_channel_access_token_here
GEMINI_API_KEY=your_gemini_api_key_here
ADMIN_NOTIFY_LINE_ID=Uxxxxxxxxxxxxxxxxxxxxxxx
```
💻 ซอร์สโค้ดโปรเจกต์ (Production Code)
🔒
ซอร์สโค้ดสงวนสิทธิ์เฉพาะสมาชิก START ขึ้นไป
กรุณาสมัครสมาชิกและเลือกแพ็กเกจ เพื่อปลดล็อกโค้ดเต็ม 100% พร้อมคู่มือภาษาไทย
📜 โค้ดทุกชิ้นเป็น Licensed Source Code — เมื่อปลดล็อกแล้วโค้ดจะฝังใบอนุญาตผูกกับบัญชีของคุณ ใช้ได้เฉพาะธุรกิจของตนเอง ห้ามนำไปแจกจ่ายหรือขายต่อ (ผิดเงื่อนไข = ระงับสิทธิ์ทันที)
import { NextResponse } from "next/server";
import crypto from "node:crypto";
const LINE_SECRET = process.env.LINE_CHANNEL_SECRET || "";
const LINE_TOKEN = process.env.LINE_CHANNEL_ACCESS_TOKEN || "";
const GEMINI_API_KEY = process.env.GEMINI_API_KEY || "";
// ข้อมูลสินค้าจริงประจำร้านสำหรับให้ AI นำไปตอบลูกค้า
const SHOP_CATALOG = `
ร้าน: PowerHub Gadget Thailand
รายการสินค้าพร้อมส่ง:
1. หูฟังต⚙️ ค่าที่ต้องตั้ง (Environment)
## ตาราง Environment Variables
| ตัวแปร | ตัวอย่างค่า | แหล่งที่มา / วิธีรับ |
| :--- | :--- | :--- |
| `LINE_CHANNEL_SECRET` | `4b7f8c2e1d...` | LINE Developers Console → Basic settings |
| `LINE_CHANNEL_ACCESS_TOKEN` | `eyJhbGciOi...` | LINE Developers Console → Messaging API → Issue Token |
| `GEMINI_API_KEY` | `AIzaSyD...` | Google AI Studio (aistudio.google.com) |
| `PORT` | `3000` | พอร์ตสำหรับรันเซิร์ฟเวอร์ |
🚀 วิธีใช้งาน
## ตัวอย่างการทดสอบระบบ
1. เพิ่มเพื่อนกับ LINE OA ของคุณด้วย QR Code
2. ลองพิมพ์ทดสอบ:
- *"มีหูฟังบลูทูธไหม ราคาเท่าไหร่"* → บอทจะตอบรายละเอียดหูฟัง ANC Pro 3 พร้อมราคา 1,290 บาท และนโยบายส่งฟรี
- *"ส่งของวันไหน กี่วันถึง"* → บอทจะอธิบายรอบตัดส่ง 14:00 น. ผ่าน Flash Express
- *"มีตู้เย็นขายไหม"* → บอทจะแจ้งอย่างสุภาพว่าไม่มีจำหน่าย และแนะนำสินค้าในร้านที่มี
ต้องการนำโค้ดโปรเจกต์นี้ไปต่อยอดธุรกิจ?
สมัครสมาชิก START ขึ้นไป เพื่อเข้าถึงโค้ดและเทมเพลตทั้งหมดแบบไม่จำกัด
ดูตารางราคาสมาชิก