Tìm hiểu cách thiết lập một ứng dụng thanh toán dựa trên web trong quá trình đăng ký.
Ứng dụng thanh toán dựa trên web là Ứng dụng web tiến bộ (PWA) và chạy trên service worker. Service worker trong một ứng dụng thanh toán đóng vai trò quan trọng vì nó ghi lại các yêu cầu thanh toán từ người bán, khởi chạy ứng dụng thanh toán và điều phối việc giao tiếp với người bán.
Để định cấu hình một ứng dụng thanh toán dựa trên web, bạn cần đăng ký các phương thức thanh toán hiện có và một worker dịch vụ. Bạn có thể định cấu hình ứng dụng thanh toán dựa trên web một cách khai báo bằng tệp kê khai ứng dụng web.
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.
Định cấu hình ứng dụng thanh toán bằng tệp kê khai ứng dụng web
Để định cấu hình ứng dụng thanh toán dựa trên web một cách khai báo, hãy phân phát một tệp kê khai ứng dụng web.
Các thuộc tính sau trong tệp kê khai ứng dụng web có liên quan đến các ứng dụng thanh toán dựa trên web:
nameiconsserviceworkersrcscopeuse_cache
Hãy xem phần Thiết lập phương thức thanh toán để đảm bảo tệp kê khai phương thức thanh toán trỏ đến tệp kê khai ứng dụng web của bạn một cách thích hợp.
Đăng ký trình chạy dịch vụ đúng lúc (JIT)
Quy trình đăng ký JIT chỉ yêu cầu phân phát tệp kê khai ứng dụng web và không cần lập trình thêm. Nếu đã định cấu hình tệp kê khai ứng dụng web và đang phân phát tệp đó đúng cách, thì bạn không cần làm gì thêm. Trình duyệt sẽ xử lý phần còn lại.
Gỡ lỗi ứng dụng thanh toán dựa trên web
Khi phát triển giao diện người dùng của ứng dụng thanh toán dựa trên web, có thể bạn sẽ chuyển đổi giữa bối cảnh của người bán và bối cảnh của ứng dụng thanh toán. Các mẹo gỡ lỗi sau đây sẽ giúp bạn có trải nghiệm phát triển trên Chrome.
Phát triển trên máy chủ cục bộ
Bạn sử dụng máy chủ nào để phát triển? Nhiều nhà phát triển có xu hướng sử dụng localhost hoặc môi trường máy chủ nội bộ của công ty. Điều này có thể gây khó khăn vì các tính năng mạnh mẽ trong trình duyệt thường yêu cầu một môi trường an toàn (HTTPS) và một chứng chỉ hợp lệ. Payment Request API và Web-based Payment Handler API cũng không ngoại lệ và localhost hoặc các máy chủ nội bộ của công ty thường không có chứng chỉ hợp lệ.
Tin vui là một số trình duyệt (bao gồm cả Chrome) sẽ miễn chứng chỉ cho http://localhost theo mặc định. Ngoài ra, trong Chrome, bạn có thể miễn yêu cầu về chứng chỉ bằng cách chạy một phiên bản Chrome. Ví dụ: để miễn yêu cầu từ http://*.corp.company.com, hãy sử dụng các cờ sau:
macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com
Windows
chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com
Tìm hiểu thêm về cách chạy Chrome bằng cờ thời gian chạy tại Chạy Chromium bằng cờ.
Chuyển tiếp cổng máy chủ cục bộ
Bạn có thể chuyển tiếp cổng máy chủ web cục bộ đến một thiết bị Android bằng DevTools của Chrome và kiểm thử cách máy chủ này hoạt động từ một trình duyệt di động. Để tìm hiểu cách thực hiện, hãy xem phần Truy cập vào máy chủ cục bộ.
Gỡ lỗi từ xa một trang web trên Chrome dành cho Android bằng DevTools trên máy tính
Bạn cũng có thể gỡ lỗi Chrome trên Android bằng DevTools trên máy tính. Để tìm hiểu cách thực hiện, hãy xem bài viết Bắt đầu gỡ lỗi từ xa các thiết bị Android.
Ghi nhật ký sự kiện Trình xử lý thanh toán
Công cụ cho nhà phát triển có thể hiển thị các sự kiện Web-based Payment Handler API để giúp quá trình phát triển cục bộ trở nên dễ dàng hơn. Mở Công cụ cho nhà phát triển trong bối cảnh của người bán rồi chuyển đến phần "Payment Handler" (Trình xử lý thanh toán) trong ngăn Application (Ứng dụng). Chọn "Hiển thị sự kiện từ các miền khác" rồi nhấp vào nút "Ghi lại" để bắt đầu ghi lại các sự kiện được gửi đến service worker xử lý các khoản thanh toán.
Các bước tiếp theo
Bước tiếp theo là tìm hiểu cách trình chạy dịch vụ có thể điều phối một giao dịch thanh toán trong thời gian chạy.