สร้าง API Prompt สำหรับใช้ ChatGPT ใน Web App / Mobile App

การเรียกใช้ ChatGPT ผ่าน API กำลังเป็นที่นิยมใน:

  • Web App เช่น Chatbot, ระบบช่วยค้นหา, ตัวช่วยกรอกแบบฟอร์ม
  • Mobile App เช่น ผู้ช่วยส่วนตัว, AI คำแนะนำสุขภาพ, ระบบแปลภาษา

สิ่งสำคัญที่สุดไม่ใช่แค่การเชื่อม API แต่คือ “Prompt Design” ที่สื่อสารกับ AI ได้อย่างแม่นยำ

1. โครงสร้าง API Request สำหรับ ChatGPT

API Endpoint: https://api.openai.com/v1/chat/completions

ตัวอย่าง Request:

JSON
{
  "model": "gpt-4",
  "messages": [
    { "role": "system", "content": "คุณคือผู้ช่วยตอบคำถามด้านการเงินอย่างเป็นมิตร" },
    { "role": "user", "content": "ผมควรออมเงินยังไงถ้ารายได้น้อย?" }
  ]
}

✅ ใช้ร่วมกับระบบหลังบ้านที่เขียนด้วย Node.js, PHP, Python, Laravel, Flutter หรือ React Native ได้

2. สร้าง Prompt ที่มีบริบท (Context) สำหรับแต่ละแอป

✨ ตัวอย่าง: ผู้ช่วยวางแผนอาหารใน Mobile App

Prompt:

JSON
{ "role": "system", "content": "คุณคือผู้เชี่ยวชาญด้านโภชนาการที่ช่วยวางแผนมื้ออาหารรายวัน โดยคำนึงถึงสุขภาพและงบประมาณ" }

ผลลัพธ์ที่ได้:

เช้า: ข้าวต้มหมู + กล้วย 1 ลูก
กลางวัน: ข้าวกล้อง + ผัดผักรวม + ไข่ต้ม
เย็น: สลัดอกไก่

✨ ตัวอย่าง: ระบบตอบคำถามจาก FAQ ใน Web App

Prompt:

JSON
{
  "role": "system",
  "content": "คุณคือ Chatbot ของบริษัท ABC ช่วยตอบคำถามเกี่ยวกับสินค้าและการสั่งซื้อจากฐานข้อมูล FAQ"
}

คำถามจากผู้ใช้:

สินค้าส่งใช้เวลากี่วัน?

ผลลัพธ์:

ปกติการจัดส่งใช้เวลา 2–3 วันทำการทั่วประเทศ

✅ สามารถปรับ context หรือแนวทางการตอบให้เฉพาะเจาะจงตามแบรนด์ได้

3. ใช้ Template Prompt ร่วมกับข้อมูลจากผู้ใช้

ในแอปพลิเคชันจริง คุณสามารถใช้ Template Prompt แล้วแทนค่าตัวแปรได้แบบนี้:

JavaScript
const userMessage = "ช่วยแนะนำแพ็กเกจเที่ยวญี่ปุ่น 3 วัน 2 คืน";

const prompt = [
  { role: "system", content: "คุณคือเอเจนซี่ทัวร์ที่ช่วยจัดทริปท่องเที่ยวญี่ปุ่น" },
  { role: "user", content: userMessage }
];

✅ เหมาะสำหรับระบบคำแนะนำ, การจอง, หรือแชทที่มีบริบทเฉพาะ

4. ส่งข้อมูลร่วมกับคำสั่ง เช่น JSON / Form Input

Use Case: ให้ผู้ใช้กรอกฟอร์ม → สร้างข้อความอัตโนมัติ

JavaScript
const userInput = {
  name: "สมชาย",
  product: "ประกันสุขภาพ",
  concern: "เบี้ยประกันรายปี"
};

const prompt = [
  { role: "system", content: "คุณคือผู้ช่วยขายประกัน พูดจาสุภาพ เป็นกันเอง" },
  {
    role: "user",
    content: `ลูกค้าชื่อ ${userInput.name} สนใจ ${userInput.product} และมีคำถามว่า: ${userInput.concern}`
  }
];

✅ ได้คำตอบแบบตรงจุดโดยไม่ต้องเขียนเงื่อนไขซับซ้อนในระบบ

5. เทคนิคปรับปรุง Prompt ให้ฉลาดขึ้น

  • ใช้ คำสั่งจำกัดสไตล์ เช่น “ตอบแบบสั้น”, “ตอบแบบมืออาชีพ”, “ตอบแบบเพื่อนคุย”
  • แทรก กฎการตอบกลับ เช่น “ห้ามตอบเรื่องอื่นที่ไม่เกี่ยวข้องกับคำถาม”
  • ใช้ Context memory แบบจำกัด เพื่อสื่อสารแบบต่อเนื่อง (เช่น ผ่าน Session หรือ Token)

6. ส่งผลลัพธ์กลับไปแสดงใน Web หรือ Mobile App

  • แสดงผลทันทีใน Chatbox (Live Chat)
  • แสดงผลเป็น Modal, Alert, หรือ Notification
  • นำผลลัพธ์ไปแปลงเป็น JSON แล้วใช้งานต่อ เช่น สร้างรายงาน, ฟอร์ม, ข้อเสนอ PDF

จุดเด่นของการใช้ ChatGPT ผ่าน API ใน Web / Mobile App

  • ทำให้แอป “พูดคุยได้” แบบเข้าใจ
  • สร้างระบบตอบคำถามที่ฉลาด โดยไม่ต้องฝึกโมเดลเอง
  • ปรับเปลี่ยน Prompt ได้หลากหลายตามบริบทของแอป
  • เหมาะกับทั้ง SaaS, ระบบองค์กร, และแอปสื่อสารทั่วไป

หมายเหตุ

ใช้ร่วมกับ OpenAI API ต้องมี API Key
ควรตั้ง Limit และระบบควบคุมความปลอดภัย เช่น Rate Limit, Token Usage Monitor
การส่งข้อมูลผู้ใช้ควรปฏิบัติตาม PDPA / GDPR

แชร์เรื่องนี้

เรื่องที่น่าสนใจ