ภาพรวมแอปการชำระเงินบนเว็บ

วิธีผสานรวมแอปการชำระเงินบนเว็บของคุณกับ Web Payments และมอบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นให้แก่ลูกค้า

Eiji Kitamura

การชำระเงินผ่านเว็บจะนำอินเทอร์เฟซในตัวของเบราว์เซอร์มาใช้กับเว็บ ซึ่งช่วยให้ผู้ใช้ป้อนข้อมูลการชำระเงินที่จำเป็นได้ง่ายกว่าที่เคย API สามารถเรียกใช้แอปการชำระเงินบนเว็บ รวมถึงแอปการชำระเงินสำหรับ Android

การสนับสนุนเบราว์เซอร์

Web Payments ประกอบด้วยเทคโนโลยีบางอย่างที่แตกต่างกัน และสถานะการสนับสนุนจะขึ้นอยู่กับเบราว์เซอร์

Chromium Safari Firefox
เดสก์ท็อป Android เดสก์ท็อป อุปกรณ์เคลื่อนที่ เดสก์ท็อป/อุปกรณ์เคลื่อนที่
Payment Request API ✔ ✔ ✔ ✔
Payment Handler API ✔ ✔
แอปการชำระเงิน iOS/Android ✔ ✔ ✔* ✔*

ประโยชน์ของแอปการชำระเงินบนเว็บ

ขั้นตอนการชำระเงินด้วยแอปการชำระเงินบนเว็บ
  • การชำระเงินจะดำเนินการในโมดัลในบริบทของเว็บไซต์ผู้ขาย ซึ่งมอบประสบการณ์การใช้งานที่ดีกว่าเทคนิคของแอปการชำระเงินทั่วไปที่ใช้การเปลี่ยนเส้นทางหรือป๊อปอัป
  • Web Payments API สามารถผสานรวมเข้ากับเว็บไซต์ที่มีอยู่ได้ ซึ่งจะช่วยให้คุณใช้ประโยชน์จากฐานผู้ใช้ที่มีอยู่
  • แอปการชำระเงินบนเว็บไม่จำเป็นต้องติดตั้งล่วงหน้า ต่างจากแอปเฉพาะแพลตฟอร์ม

แอปการชำระเงินบนเว็บทำงานอย่างไร

แอปการชำระเงินบนเว็บสร้างขึ้นโดยใช้เทคโนโลยีเว็บมาตรฐาน แอปการชำระเงินบนเว็บทุกแอปต้องมีโปรแกรมทำงานของบริการ

ในแอปการชำระเงินบนเว็บ บริการเวิร์กเกอร์สามารถทำหน้าที่เป็นสื่อกลางสำหรับคำขอการชำระเงินได้โดยทำดังนี้

  • การเปิดหน้าต่างโมดัลและแสดงอินเทอร์เฟซของแอปการชำระเงิน
  • เป็นตัวกลางการสื่อสารระหว่างแอปการชำระเงินและผู้ขาย
  • การขอสิทธิ์จากลูกค้าและส่งข้อมูลเข้าสู่ระบบการชำระเงินให้กับผู้ขาย

ดูวิธีการทำงานของแอปการชำระเงินกับผู้ขายในวงจรการชำระเงิน

วิธีที่ผู้ขายค้นพบแอปการชำระเงินของคุณ

ผู้ขายต้องใช้ Payment Request API และระบุวิธีการชำระเงินที่คุณรองรับโดยใช้ตัวระบุวิธีการชำระเงินจึงจะใช้แอปการชำระเงินของคุณได้

หากมีตัวระบุวิธีการชำระเงินที่ไม่ซ้ำกันสำหรับแอปการชำระเงินของคุณ คุณจะตั้งค่าไฟล์ Manifest ของวิธีการชำระเงินของคุณเองได้ และปล่อยให้เบราว์เซอร์ค้นพบแอปของคุณ

ดูวิธีการทํางานและวิธีตั้งค่าวิธีการชำระเงินใหม่ได้ในการตั้งค่าวิธีการชำระเงิน

API ที่คุณใช้ภายในหน้าต่างเครื่องจัดการการชำระเงินได้

"หน้าต่างเครื่องจัดการการชำระเงิน" คือหน้าต่างที่มีการเปิดแอปการชำระเงิน ใน Chrome เนื่องจากเป็นหน้าต่างเบราว์เซอร์ Chrome ปกติ เว็บ API ส่วนใหญ่ควรทํางานเหมือนกับที่ใช้ในเอกสารระดับบนสุด โดยมีข้อยกเว้นเพียงไม่กี่ข้อ ดังนี้

  • การปรับขนาดวิวพอร์ตปิดอยู่
  • window.open() ปิดใช้อยู่

การรองรับ WebAuthn

WebAuthn เป็นกลไกการตรวจสอบสิทธิ์ที่อิงจากวิทยาการเข้ารหัสคีย์สาธารณะ คุณสามารถให้ผู้ใช้ลงชื่อเข้าใช้ ผ่านการยืนยันด้วยข้อมูลไบโอเมตริก WebAuthn ได้รับการสนับสนุนในหน้าต่างตัวแฮนเดิลการชำระเงินบน Chrome อยู่แล้ว และองค์กรมาตรฐานกําลังพิจารณาสร้างการเชื่อมต่อที่แน่นแฟ้นยิ่งขึ้นระหว่างการชำระเงินผ่านเว็บกับ WebAuthn

การรองรับ Credential Management API

Credential Management API มีอินเทอร์เฟซแบบเป็นโปรแกรมระหว่างเว็บไซต์กับเบราว์เซอร์เพื่อการลงชื่อเข้าใช้ที่ราบรื่นในอุปกรณ์ต่างๆ คุณสามารถอนุญาตให้ผู้ใช้ลงชื่อเข้าใช้เว็บไซต์โดยอัตโนมัติโดยอิงตามข้อมูลที่จัดเก็บไว้ในเครื่องมือจัดการรหัสผ่านของเบราว์เซอร์ เราวางแผนที่จะเปิดใช้ใน Chrome แต่ยังอยู่ระหว่างการพัฒนา

การรองรับ WebOTP

WebOTP API ช่วยให้คุณรับ OTP แบบเป็นโปรแกรมจากข้อความ SMS และยืนยันหมายเลขโทรศัพท์ให้ผู้ใช้ได้ง่ายขึ้น เราวางแผนที่จะเปิดใช้ใน Chrome แต่ยังอยู่ระหว่างการพัฒนา

คุณสามารถดูรายการปัญหาที่ทราบและฟีเจอร์ที่วางแผนจะเพิ่มลงในหน้าต่างตัวแฮนเดิลการชำระเงินได้ในเครื่องมือติดตามข้อบกพร่องของ Chromium

ขั้นตอนถัดไป

หากต้องการเริ่มสร้างแอปการชำระเงินบนเว็บ คุณจะต้องติดตั้งใช้งาน 3 ส่วนที่แตกต่างกัน ดังนี้