รับชำระเงิน PromptPay บนเว็บ Next.js ทำยังไง

สองทางที่ใช้จริงในไทยคือ Stripe กับ Omise สรุปข้อจำกัดของแต่ละเจ้า โค้ด Next.js สำหรับสร้างหน้าชำระเงิน PromptPay และวิธียืนยันการจ่ายด้วย webhook

Kittipong C.

ทีมงาน KittiStack

October 27, 20264 min read

รับชำระเงิน PromptPay บนเว็บ Next.js

ถ้าจะรับชำระเงิน PromptPay บนเว็บ Next.js แบบที่ระบบรู้เองว่าลูกค้าจ่ายแล้ว ต้องผ่าน payment gateway ที่ออก QR ให้ทีละคำสั่งซื้อ ตัวเลือกที่ใช้กันในไทยคือ Stripe และ Omise (ปัจจุบันอยู่ภายใต้แบรนด์ Opn) ทั้งสองเจ้าสร้าง QR ที่ผูกกับยอดเงินและแจ้งกลับมาที่เว็บเมื่อลูกค้าสแกนจ่ายสำเร็จ

วิธีที่หลายร้านใช้อยู่ คือแปะ QR PromptPay ของร้านแล้วให้ลูกค้าส่งสลิปมา ใช้ได้ตอนออเดอร์น้อย แต่พอวันละหลายสิบออเดอร์ คนในร้านต้องนั่งเทียบสลิปกับยอดทีละใบ และตรวจสลิปปลอมไม่ได้ บทความนี้จึงเน้นแบบที่ระบบยืนยันให้เอง