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