เปิดไปเจอเอกสารเรื่อง Payment Request API จาก w3c
อธิบายว่าเป็นชุดของ API ที่ web browser ใหม่ ๆ จะมีมาโดย default
ช่วยทำให้ร้านค้า online ต่าง ๆ รวมไปถึงระบบ e-commerce
สามารถ integrate เข้ากับ payment หรือการชำระเงินช่องทางต่าง ๆ ได้ง่ายขึ้น
นั่นคือ ขั้นตอนการชำระเงินจากผู้ใช้งานไปยังร้านค้าสะดวกขึ้น
เป้าหมายหลัก ๆ เพื่อความเป็นมาตรฐาน
ในการจ่ายเงินในรูปแบบต่าง ๆ
ลดแนวทางการ implement ที่ต่างกัน นั่นคือลดความผิดพลาดลงไป
- ฝั่งผู้ซื้อก็ใช้ง่าย
- ฝั่งผู้ขายสร้างระบบได้ง่าย
- การ integrate กับช่องทางการชำระเงินหรือ payment จะง่ายขึ้น
- สำหรับผู้ใช้บริการชำระเงิน ก้สามารถเพิ่มช่องทางได้ง่าย รวมทั้งปรับปรุงขั้นตอนให้ดีขึ้นได้ง่ายอีกด้วย
การใช้งานก็ง่ายมาก ๆ
นั่นคือจะมี PaymentRequest() ให้ใช้งาน โดยใน constructor จะประกอบไปด้วย
- methodData กำหนดช่องทางการชำระเงิน เช่น credit และ debit เป็นต้น
- details กำหนดข้อมูลของการสั่งซื้อ
ปล. API นี้จะทำได้เฉพาะบน HTTPS นะ
แต่มีบาง web browser จะสนับสนุนหมดเลยทั้ง HTTP/HTTPS
ยกตัวอย่างเช่น Google Chrome เป็นต้น
ขั้นตอนการทำงานเป็นดังรูป
มาลองเขียน code กันหน่อย
[gist id="d0a8c7eb2297b742d41c01aaeee04994" file="test.js"]แสดงผลรายละเอียดการสั่งซื้อดังนี้
จากนั้นทำการเพิ่ม Payment method แสดงดังนี้
จะเห็นได้ว่าช่วยทำให้การ implement ง่ายและสะดวกยิ่งขึ้น !!
ลองไปดูว่า Web browser อะไรสนับสนุนบ้าง ?
จากที่ลอง Google Chrome จะสนับสนุนเลย
ส่วนพวก Firefox ต้องไป enable ใน setting ก่อน
เนื่องจากค่า default จะปิดไว้
ลองดูเพิ่มเติมได้ที่
https://caniuse.com/#search=payments%20api
ลองมาดูกันต่อไปว่า API ตัวนี้จะมีอนาคตอย่างไร ?
Reference Websites