วิธีผสานรวมแอปการชำระเงินบนเว็บของคุณกับ Web Payments และมอบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นให้แก่ลูกค้า
การชำระเงินผ่านเว็บจะนำอินเทอร์เฟซในตัวของเบราว์เซอร์มาใช้กับเว็บ ซึ่งช่วยให้ผู้ใช้ป้อนข้อมูลการชำระเงินที่จำเป็นได้ง่ายกว่าที่เคย API สามารถเรียกใช้แอปการชำระเงินบนเว็บ รวมถึงแอปการชำระเงินสำหรับ Android
การสนับสนุนเบราว์เซอร์
Web Payments ประกอบด้วยเทคโนโลยีบางอย่างที่แตกต่างกัน และสถานะการสนับสนุนจะขึ้นอยู่กับเบราว์เซอร์
ประโยชน์ของแอปการชำระเงินบนเว็บ
- การชำระเงินจะดำเนินการในโมดัลในบริบทของเว็บไซต์ผู้ขาย ซึ่งมอบประสบการณ์การใช้งานที่ดีกว่าเทคนิคของแอปการชำระเงินทั่วไปที่ใช้การเปลี่ยนเส้นทางหรือป๊อปอัป
- 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 ส่วนที่แตกต่างกัน ดังนี้