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 nền tảng web với hệ thống Thanh toán trên web và cung cấp trải nghiệm tốt hơn cho khách hàng.

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 ứng dụng thanh toán dựa trên nền tảng web, cũng như ứng dụng thanh toán trên Android.

Hỗ trợ trình duyệt

Thanh toán trên web bao gồm một số công nghệ 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
API Trình xử lý thanh toán
Ứ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 nền tảng web.
  • Các khoản thanh toán được thực hiện theo nhiều phương thức, trong ngữ cảnh trang web của người bán, mang lại trải nghiệm người dùng tốt hơn so với những kỹ thuật ứng dụng thanh toán thông thường 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 API Thanh toán trên web vào các trang web đã thành 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 ứng dụng thanh toán dựa trên nền tảng web.

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

Ứng dụng thanh toán dựa trên web được xây dựng bằng các công nghệ web chuẩn. Mọi ứng dụng thanh toán dựa trên nền tảng web đều phải bao gồm một trình chạy dịch vụ.

Trong ứng dụng thanh toán dựa trên web, worker dịch vụ có thể đóng vai trò là dàn xếp cho các yêu cầu thanh toán bằng cách:

  • Mở cửa sổ phương thức và hiển thị giao diện của ứng dụng thanh toán.
  • Cầu nối liên lạc giữa ứng dụng thanh toán và người bán.
  • Nhận uỷ quyền của khách hàng và chuyển thông tin xác thực thanh toán cho người bán.

Tìm hiểu cách hoạt động của ứng dụng thanh toán trên người bán trong phần Vòng đời của 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 có thể sử dụng ứng dụng thanh toán của bạn, họ cần sử dụng API yêu cầu thanh toán và chỉ định phương thức thanh toán mà bạn hỗ trợ bằng cách sử dụng mã nhận dạng phương thức thanh toán.

Nếu có mã nhận dạng phương thức thanh toán dành riêng cho ứng dụng thanh toán, 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.

Hãy tham khảo bài viết Thiết lập phương thức thanh toán để tìm hiểu cách hoạt động và cách thiết lập phương thức thanh toán mới.

Các API bạn có thể sử dụng bên 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ư khi được sử 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() đã tắt.

Hỗ trợ WebAuthn

WebAuthn là một cơ chế xác thực dựa trên phương thức 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 sinh trắc học. WebAuthn đã được hỗ trợ trong cửa sổ trình xử lý thanh toán trên Chrome và tổ chức tiêu chuẩn đang xem xét việc tạo mối liên kết chặt chẽ hơn giữa Web Payments và WebAuthn.

Hỗ trợ API Quản lý thông tin xác thực

API Quản lý thông tin xác thực cung cấp giao diện có 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

API WebOTP giúp bạn lấy mã OTP từ tin nhắn SMS theo phương thức lập trình và xác minh số điện thoại cho 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à 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 ứng dụng thanh toán dựa trên nền tảng web, bạn cần triển khai 3 phần riêng biệt: