เปิดไปเจอเอกสารเรื่อง 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 เป็นต้น

ขั้นตอนการทำงานเป็นดังรูป

https://news.thewindowsclub.com/microsoft-payment-request-api-87668/

มาลองเขียน code กันหน่อย

แสดงผลรายละเอียดการสั่งซื้อดังนี้

จากนั้นทำการเพิ่ม Payment method แสดงดังนี้

จะเห็นได้ว่าช่วยทำให้การ implement ง่ายและสะดวกยิ่งขึ้น !!

ลองไปดูว่า Web browser อะไรสนับสนุนบ้าง ?

จากที่ลอง Google Chrome จะสนับสนุนเลย
ส่วนพวก Firefox ต้องไป enable ใน setting ก่อน
เนื่องจากค่า default จะปิดไว้
ลองดูเพิ่มเติมได้ที่


https://caniuse.com/#search=payments%20api

ลองมาดูกันต่อไปว่า API ตัวนี้จะมีอนาคตอย่างไร ?

Reference Websites