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

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

Eiji Kitamura

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

การรองรับ WebAuthn

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

การสนับสนุน API การจัดการข้อมูลเข้าสู่ระบบ

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

การรองรับ WebOTP

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

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

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

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