listVue Firebase Masterclass
รู้จักกับ Payment gateway
สารบัญ
สามารถดู video ของหัวข้อนี้ก่อนได้ ดู video
Step ต่อไป
เราจะทำให้ภาพนี้สมบูรณ์โดยการเชื่อมกับ Payment gateway จริงๆกัน หลังจากที่เรามีการ mock placeorder แล้ว
รวมถึง เราจะทำการเชื่อม Backoffice กับข้อมูล order ที่อยู่ใน Firestore
Omise คืออะไร ?
Document ต้นฉบับ: https://docs.opn.ooo/th/thailand
Omise (หรือ Opn Payments ในชื่อใหม่ แต่จะขอเรียกว่า Omise เนื่องจาก library มันยังคงชื่อ Omise อยู่) คือ Payment gateway ที่ใช้สำหรับเปิดให้บริการชำระเงินเป็นเหมือนตัวกลางการรับเงินเข้ามา
"ทุกคนสามารถที่จะมีระบบรับชำระเงินที่เสถียรและปลอดภัย โดยใช้เวลาที่สั้นที่สุดในการพัฒนา ทั้งการพัฒนาเว็บไซต์อีคอมเมิร์ซ หรือการพัฒนาโปรแกรมบนมือถือ โดยเราจัดเตรียม API และ Programming Library ที่ครบวงจรทั้งการรับเงิน การบริหารจัดการบัญชี และการโอนเงินเข้าบัญชีธนาคาร ครอบคลุมทุกภาษาที่ได้รับความนิยมในปัจจุบัน"
สิ่งที่สำคัญคือ "รองรับภาษาไทย"
พาเล่น Dashboard omise กัน ทุกคนสามารถสมัครสมาชิกเพื่อเข้าไปเล่นตัวเทสก่อนได้
- login เข้าไปจะเจอเป็น Test mode
โจทย์ของเราคือ
- เราจะทำการปรับ API Placeorder ให้ส่งข้อมูลไปยัง Omise โดยจะปรับทั้ง 2 ฝั่งคือ
- ฝั่ง Frontend: ต้องเพิ่ม Omise secure เข้าไป
- ฝั่ง Backend: ต้องเพิ่ม Omise สร้าง charge เข้าไป และเก็บ charge id จริงๆเข้าไป (และให้ status เริ่มต้นเป็น pending แทน)
- เพิ่ม API webhook สำหรับรับ status จาก omise เข้ามา และปรับ status order เป็น successful เมื่อเรียบร้อยจริงๆ
** ใครสนใจ Payment gateway แบบอื่นๆ ดูได้ใน Stribe ของช่องเราได้เช่นกัน
