Đăng ký ứng dụng thanh toán dựa trên nền tảng web

Tìm hiểu cách thiết lập ứ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 worker dịch vụ. Worker dịch vụ trong ứng dụng thanh toán đóng vai trò quan trọng vì nó thu thập 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 hoạt động giao tiếp với người bán.

Để định cấu hình ứ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 có sẵn 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 bằng 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.

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 ✔* ✔*

Đị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 theo cách khai báo, hãy phân phá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:

  • 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ỏ đến tệp kê khai ứng dụng web đúng cách.

Đăng ký 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 mà 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à phân phát tệp kê khai đó đú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 ứ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 người bán và bối cảnh ứ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 tốt hơ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ệ. API Yêu cầu thanh toán và API Trình xử lý thanh toán cũng không 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 có chứng chỉ hợp lệ.

Tin vui là một số trình duyệt, bao gồm cả Chrome, chứng chỉ miễn trừ 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 này 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

Hãy tìm hiểu thêm về cách chạy Chrome có cờ thời gian chạy trong bài viết Chạy Chromium với 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 thiết bị Android bằng Công cụ cho nhà phát triển của Chrome và kiểm thử cách máy chủ này hoạt động qua 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 Chrome cho Android bằng DevTools trên máy tính

Bạn cũng có thể gỡ lỗi Chrome cho Android trên Công cụ của Chrome 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 thiết bị Android.

Ghi nhật ký sự kiện của Trình xử lý thanh toán

DevTools có thể hiển thị 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ở DevTools trong ngữ cảnh người bán rồi chuyển đến phần "Trình xử lý thanh toán" trong ngăn Application (Ứng dụng). Đánh dấu vào "Hiển thị sự kiện từ các miền khác" rồi nhấp vào nút "Ghi" để bắt đầu ghi lại các sự kiện được gửi đến worker dịch vụ xử lý thanh toán.

Ảnh chụp màn hình nhật ký sự kiện của Trình xử lý thanh toán.
Ghi nhật ký sự kiện của Trình xử lý 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ể sắp xếp một giao dịch thanh toán trong thời gian chạy.