วิธีผสานรวมแอปการชำระเงินบนเว็บกับ Web Payments และมอบประสบการณ์การใช้งานที่ดียิ่งขึ้นให้กับลูกค้า
การชำระเงินบนเว็บ นำอินเทอร์เฟซในตัวของเบราว์เซอร์มาไว้บนเว็บ ซึ่งช่วยให้ผู้ใช้ป้อน ข้อมูลการชำระเงินที่จำเป็นได้ง่ายกว่าที่เคย API สามารถเรียกใช้แอปการชำระเงินบนเว็บ รวมถึงแอปการชำระเงินของ Android
การสนับสนุนเบราว์เซอร์
การชำระเงินบนเว็บประกอบด้วยเทคโนโลยีที่แตกต่างกัน 2-3 อย่าง และสถานะการรองรับจะขึ้นอยู่กับเบราว์เซอร์
ประโยชน์ของแอปการชำระเงินบนเว็บ
- การชำระเงินจะดำเนินการในโมดอลในบริบทของเว็บไซต์ผู้ขาย ซึ่งจะมอบประสบการณ์ของผู้ใช้ที่ดีกว่าเทคนิคแอปการชำระเงินทั่วไปที่ใช้การเปลี่ยนเส้นทางหรือป๊อปอัป
- คุณสามารถผสานรวม Web Payments API เข้ากับเว็บไซต์ที่มีอยู่เพื่อใช้ประโยชน์จากฐานผู้ใช้ที่มีอยู่ได้
- แอปการชำระเงินบนเว็บไม่จำเป็นต้องติดตั้งล่วงหน้า ซึ่งต่างจากแอปที่เฉพาะเจาะจงแพลตฟอร์ม
แอปการชำระเงินบนเว็บทำงานอย่างไร
แอปการชำระเงินบนเว็บสร้างขึ้นโดยใช้เทคโนโลยีเว็บมาตรฐาน แอปการชำระเงินบนเว็บทุกแอปต้องมี Service Worker
ในแอปการชำระเงินบนเว็บ Service Worker สามารถทำหน้าที่เป็นตัวกลางสำหรับคำขอการชำระเงินได้โดยทำดังนี้
- การเปิดหน้าต่างโมดอลและแสดงอินเทอร์เฟซของแอปการชำระเงิน
- เชื่อมต่อการสื่อสารระหว่างแอปการชำระเงินกับผู้ขาย
- รับการให้สิทธิ์จากลูกค้าและส่งต่อข้อมูลเข้าสู่ระบบการชำระเงิน ไปยังผู้ขาย
ดูวิธีการทำงานของแอปการชำระเงินในร้านค้าในวงจรของธุรกรรมการชำระเงิน
วิธีที่ผู้ขายค้นพบแอปการชำระเงินของคุณ
หากต้องการให้ผู้ขายใช้แอปการชำระเงินของคุณ ผู้ขายต้องใช้ Payment Request API และ ระบุวิธีการชำระเงินที่คุณรองรับโดยใช้ตัวระบุวิธีการชำระเงิน
หากมีตัวระบุวิธีการชำระเงินที่ไม่ซ้ำกันสำหรับแอปการชำระเงิน คุณ สามารถตั้งค่าไฟล์ Manifest ของวิธีการชำระเงินของคุณเอง และอนุญาตให้เบราว์เซอร์ค้นพบแอปของคุณได้
ดูวิธีการทำงานและวิธีตั้งค่าวิธีการชำระเงินใหม่ได้ในการตั้งค่าวิธีการชำระเงิน
API ที่คุณใช้ได้ภายในหน้าต่างตัวแฮนเดิลการชำระเงิน
"หน้าต่างตัวจัดการการชำระเงิน" คือหน้าต่างที่เปิดแอปการชำระเงิน ใน Chrome เนื่องจากเป็นหน้าต่างเบราว์เซอร์ Chrome ปกติ API ของเว็บส่วนใหญ่จึงควรทำงานได้เหมือนกับที่ใช้ในเอกสารระดับบนสุด โดยมีข้อยกเว้นเพียงไม่กี่อย่างดังนี้
- ปิดใช้การปรับขนาดวิวพอร์ตอยู่
window.open()ถูกปิดใช้
การรองรับ WebAuthn
WebAuthn เป็นกลไกการตรวจสอบสิทธิ์ที่อิงตามวิทยาการเข้ารหัสคีย์สาธารณะ คุณอนุญาตให้ผู้ใช้ ลงชื่อเข้าใช้ผ่านการยืนยันด้วยข้อมูลไบโอเมตริกได้ Chrome รองรับ WebAuthn ใน หน้าต่างตัวแฮนเดิลการชำระเงินอยู่แล้ว และหน่วยงานมาตรฐานกำลังพิจารณาสร้าง การเชื่อมต่อที่แน่นแฟ้นยิ่งขึ้นระหว่างการชำระเงินทางเว็บกับ WebAuthn
การรองรับ Credential Management API
Credential Management API มีอินเทอร์เฟซแบบเป็นโปรแกรมระหว่างเว็บไซต์กับเบราว์เซอร์เพื่อให้ลงชื่อเข้าใช้ในอุปกรณ์ต่างๆ ได้อย่างราบรื่น คุณอนุญาตให้ผู้ใช้ลงชื่อเข้าใช้เว็บไซต์โดยอัตโนมัติได้ โดยอิงตามข้อมูลที่จัดเก็บไว้ในเครื่องมือจัดการรหัสผ่านของเบราว์เซอร์ เราวางแผนที่จะเปิดใช้ฟีเจอร์นี้ใน Chrome แต่ยังอยู่ระหว่าง การพัฒนา
การรองรับ WebOTP
WebOTP API ช่วยให้คุณรับ OTP จากข้อความ SMS และยืนยันหมายเลขโทรศัพท์ของผู้ใช้ได้ง่ายขึ้นโดยใช้โปรแกรม เราวางแผนที่จะเปิดใช้ใน Chrome แต่ยังอยู่ระหว่าง การพัฒนา
คุณดูรายการปัญหาที่ทราบและฟีเจอร์ที่วางแผนจะเพิ่มลงใน หน้าต่างตัวแฮนเดิลการชำระเงินได้ในเครื่องมือติดตามข้อบกพร่องของ Chromium
ขั้นตอนถัดไป
หากต้องการเริ่มสร้างแอปการชำระเงินบนเว็บ คุณต้องติดตั้งใช้งาน 3 ส่วนที่แตกต่างกัน ได้แก่