注册基于网络的付款应用

了解如何在注册期间配置基于网络的付款应用。

基于网络的付款应用是渐进式网页应用 (PWA)服务之上运行 工作器数量。通过 付款应用中的 Service Worker 在捕获付款方面发挥着重要作用 启动付款应用,以及进行调解 与商家的通信

如需配置基于网络的付款应用,您需要注册可用的付款方式 方法和 Service Worker。您可以配置基于网络的付款应用 使用 Web 应用清单进行声明。

浏览器支持

Web Payments 由多种不同的技术和 具体取决于浏览器

Chromium Safari Firefox
桌面设备 Android 桌面设备 移动设备 桌面设备/移动设备
Payment Request API
Payment Handler API
iOS/Android 付款应用 ✔* ✔*

使用 Web 应用清单配置付款应用

要以声明方式配置基于网络的付款应用,请提供 Web 应用 清单

Web 应用清单中的以下属性与基于网络的付款应用相关:

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

请参阅设置付款 方法 确保您的付款方式清单指向您的 Web 应用清单 正确。

即时注册 Service Worker (JIT)

即时注册只需提供网络应用 清单 而无需额外编写任何代码如果您已经配置了 Web 应用清单 您应该就万事俱备了浏览器会处理 。

调试基于网络的付款应用

在开发基于网络的付款应用前端时,您可能会在 商家上下文和付款应用上下文。以下调试提示将有所帮助 您在 Chrome 上的开发体验

在本地服务器上进行开发

您使用哪个服务器进行开发?许多开发者倾向于使用本地主机 或公司内部服务器环境,这可能具有挑战性, 浏览器中的强大功能往往需要安全的环境 (HTTPS) 以及有效的证书。Payment Request API 和 Payment Handler API 本地主机或公司内部服务器通常不会 有效证书。

好消息是某些浏览器(包括 Chrome) 默认为 http://localhost。此外,在 Chrome 中,您可以将证书设为豁免 启动 Chrome 实例。例如,要豁免 http://*.corp.company.com 要求,请使用以下标志:

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

如需详细了解如何运行带有运行时标志的 Chrome,请参阅使用以下命令运行 Chromium 标志

对本地服务器进行端口转发

您可以使用 Chrome 的 开发者工具,并在移动浏览器中测试其运行情况。要了解如何操作, 请查看访问本地 服务器

通过桌面设备开发者工具在 Android Chrome 上远程调试网站

您还可以在桌面开发者工具上调试 Android Chrome。要了解如何操作, 请查看 Android 远程调试入门 设备

付款处理程序事件日志记录

DevTools 可以显示 Payment Handler API 事件 更轻松地进行本地开发在商家上下文中打开开发者工具,然后前往 “付款处理程序”部分。选中“显示事件” 来自其他网域”然后点击“录制”用于开始捕获发送的事件的按钮 发送给负责处理付款的 Service Worker。

<ph type="x-smartling-placeholder">
</ph> 付款处理程序事件日志的屏幕截图。 <ph type="x-smartling-placeholder">
</ph> 付款处理程序事件日志记录。

后续步骤

下一步是了解 Service Worker 如何编排付款 事务。