Tìm hiểu cách định cấu hình ứng dụng thanh toán dựa trên nền tảng 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 trình chạy dịch vụ. Trình chạy dịch vụ trong ứng dụng thanh toán đóng vai trò quan trọng vì trình chạy này 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à dàn xếp 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 nền tảng web, bạn cần đăng ký các phương thức thanh toán có sẵn và một trình chạy dịch vụ. Bạn có thể định cấu hình ứng dụng thanh toán dựa trên nền tảng web của mình theo cách khai báo với tệp kê khai ứng dụng web.
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.
Đị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 của bạn theo 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 phù hợp với ứng dụng thanh toán dựa trên web:
name
icons
serviceworker
src
scope
use_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 của bạn trỏ đúng cách đến tệp kê khai ứng dụng web.
Đăng ký một trình chạy dịch vụ đúng thời điểm (JIT)
Việc đă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 đúng cách, thì bạn đã hoàn tất. 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 ích cho trải nghiệm phát triển của bạ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 máy chủ cục bộ hoặc môi trường máy chủ nội bộ của công ty. Điều này có thể khó khăn vì các tính năng mạnh mẽ trong trình duyệt thường đòi hỏi một môi trường bảo mật (HTTPS) và một chứng chỉ hợp lệ. API yêu cầu thanh toán và API trình xử lý thanh toán không phải là ngoại lệ và máy chủ cục bộ hoặc máy chủ nội bộ của công ty thường không đi kèm với chứng chỉ hợp lệ.
Tin vui là một số trình duyệt, bao gồm cả Chrome, sẽ miễn trừ chứng chỉ cho http://localhost
theo mặc định. Ngoài ra, trong Chrome, bạn có thể miễn trừ yêu cầu về
chứng chỉ bằng cách khởi chạy một phiên bản Chrome. Ví dụ: để miễn trừ yêu cầu khỏi 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ờ trong thời gian chạy trong bài viết 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 máy chủ web cục bộ sang một thiết bị Android bằng Công cụ cho nhà phát triển của Chrome và kiểm tra cách máy chủ web này hoạt động trên trình duyệt cho thiết bị di động. Để tìm hiểu cách thực hiện, hãy xem bài viết Truy cập vào máy chủ cục bộ.
Gỡ lỗi từ xa một trang web trên Android Chrome từ Công cụ cho nhà phát triển trên máy tính
Bạn cũng có thể gỡ lỗi Android Chrome trên Công cụ cho nhà phát triển dành cho 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 cho các thiết bị Android.
Ghi nhật ký sự kiện của Trình xử lý khoản thanh toán
DevTools có thể cho thấy các sự kiện API Trình xử lý thanh toán để phát triển cục bộ dễ dàng hơn. Mở Công cụ cho nhà phát triển trên ngữ cảnh của người bán rồi chuyển đến mục "Trình xử lý thanh toán" trong ngăn Ứng dụng. Chọn "Hiển thị sự kiện từ các miền khác" và nhấp vào nút "Ghi" để bắt đầu ghi lại các sự kiện được gửi đến trình chạy dịch vụ xử lý các khoản thanh toán.
![Ảnh chụp màn hình ghi nhật ký sự kiện Trình xử lý thanh toán.](https://web.dev/static/articles/registering-a-web-based-payment-app/image/a-screenshot-payment-han-2353defdf5615.png?authuser=5&hl=vi)
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ể sắp xếp một giao dịch thanh toán trong thời gian chạy.