Tổng quan về ứng dụng thanh toán dựa trên web

Cách tích hợp ứng dụng thanh toán dựa trên web với Web Payments và mang lại trải nghiệm người dùng tốt hơn cho khách hàng.

Web Payments (Thanh toán trên web) mang đến cho web một giao diện tích hợp sẵn của trình duyệt, cho phép người dùng nhập thông tin thanh toán bắt buộc dễ dàng hơn bao giờ hết. Các API này có thể gọi các ứng dụng thanh toán dựa trên web, cũng như các ứng dụng thanh toán trên Android.

Hỗ trợ trình duyệt

Web Payments bao gồm một số công nghệ khác nhau và trạng thái hỗ trợ phụ thuộc vào trình duyệt.

Chromium Safari Firefox
Máy tính Android Máy tính Thiết bị di động Máy tính/Thiết bị di động
Payment Request API
Payment Handler API
Ứng dụng thanh toán iOS/Android ✔* ✔*

Lợi ích của ứng dụng thanh toán dựa trên web

Quy trình thanh toán bằng ứng dụng thanh toán dựa trên web.
  • Các khoản thanh toán được thực hiện trong các phương thức theo bối cảnh của trang web người bán, mang lại trải nghiệm người dùng tốt hơn so với các kỹ thuật ứng dụng thanh toán thông thường sử dụng lệnh chuyển hướng hoặc cửa sổ bật lên.
  • Bạn có thể tích hợp Web Payments API vào các trang web đã thiết lập để tận dụng cơ sở người dùng hiện có.
  • Không giống như các ứng dụng dành riêng cho nền tảng, bạn không cần cài đặt trước các ứng dụng thanh toán dựa trên web.

Ứng dụng thanh toán dựa trên web hoạt động như thế nào?

Các ứng dụng thanh toán dựa trên web được xây dựng bằng các công nghệ web tiêu chuẩn. Mọi ứng dụng thanh toán dựa trên web đều phải có một worker dịch vụ.

Trong một ứng dụng thanh toán dựa trên web, service worker có thể đóng vai trò là trung gian cho các yêu cầu thanh toán bằng cách:

  • Mở một cửa sổ phương thức và hiển thị giao diện của ứng dụng thanh toán.
  • Kết nối hoạt động giao tiếp giữa ứng dụng thanh toán và người bán.
  • Nhận được sự cho phép của khách hàng và chuyển thông tin thanh toán cho người bán.

Tìm hiểu cách một ứng dụng thanh toán hoạt động trên một người bán trong phần Quy trình của một giao dịch thanh toán.

Cách người bán khám phá ứng dụng thanh toán của bạn

Để người bán sử dụng ứng dụng thanh toán của bạn, họ cần sử dụng PaymentRequest API và chỉ định phương thức thanh toán mà bạn hỗ trợ bằng cách sử dụng giá trị nhận dạng phương thức thanh toán.

Nếu có một mã nhận dạng phương thức thanh toán riêng cho ứng dụng thanh toán của mình, bạn có thể thiết lập tệp kê khai phương thức thanh toán của riêng mình và cho phép trình duyệt khám phá ứng dụng của bạn.

Tìm hiểu cách thức hoạt động và cách thiết lập phương thức thanh toán mới trong bài viết Thiết lập phương thức thanh toán.

Các API bạn có thể sử dụng trong cửa sổ trình xử lý thanh toán

"Cửa sổ trình xử lý thanh toán" là cửa sổ mà các ứng dụng thanh toán được khởi chạy. Trong Chrome, vì đây là một cửa sổ trình duyệt Chrome thông thường, nên hầu hết các API web sẽ hoạt động như thể được dùng trong một tài liệu cấp cao nhất, chỉ có một vài trường hợp ngoại lệ:

  • Tính năng đổi kích thước khung nhìn bị tắt.
  • window.open() hiện đã tắt.

Hỗ trợ WebAuthn

WebAuthn là một cơ chế xác thực dựa trên tiêu chuẩn mã hoá khoá công khai. Bạn có thể cho phép người dùng đăng nhập thông qua quy trình xác minh bằng dữ liệu sinh trắc học. WebAuthn đã được hỗ trợ trong cửa sổ trình xử lý thanh toán trên Chrome và cơ quan tiêu chuẩn đang xem xét việc tạo mối liên kết chặt chẽ hơn nữa giữa Web Payments và WebAuthn.

Hỗ trợ Credential Management API

Credential Management API (API Quản lý thông tin xác thực) cung cấp một giao diện có thể lập trình giữa trang web và trình duyệt để đăng nhập liền mạch trên các thiết bị. Bạn có thể cho phép người dùng tự động đăng nhập vào trang web của bạn dựa trên thông tin được lưu trữ trong trình quản lý mật khẩu của trình duyệt. Tính năng này dự kiến sẽ được bật trong Chrome nhưng vẫn đang trong quá trình phát triển.

Hỗ trợ WebOTP

WebOTP API giúp bạn nhận OTP từ tin nhắn SMS theo phương thức lập trình và xác minh số điện thoại của người dùng dễ dàng hơn. Tính năng này dự kiến sẽ được bật trong Chrome, nhưng vẫn đang trong quá trình phát triển.

Bạn có thể xem danh sách các vấn đề đã biết và các tính năng dự kiến sẽ được thêm vào cửa sổ trình xử lý thanh toán trong công cụ theo dõi lỗi Chromium.

Các bước tiếp theo

Để bắt đầu tạo một ứng dụng thanh toán dựa trên web, bạn phải triển khai 3 phần riêng biệt: