基于网络的付款应用概览

如何将基于网络的付款应用与网络付款集成,并为客户提供更好的用户体验。

Web Payments 为 Web 带来了浏览器的内置界面,可让用户比以往更轻松地输入所需的付款信息。这些 API 可以调用基于网络的付款应用以及 Android 付款应用

浏览器支持

网络付款包含几项不同的技术,支持状态因浏览器而异。

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

基于网络的付款应用的优势

基于 Web 付款应用的结账流程。
  • 付款在商家网站上以模态方式进行,与使用重定向或弹出式窗口的典型付款应用技术相比,这种方法可提供更好的用户体验。
  • Web Payments API 可以集成到成熟的网站中,以便您利用现有用户群。
  • 与平台专用应用不同,您无需提前安装基于网络的付款应用。

基于网络的付款应用程序如何工作?

基于网络的付款应用使用标准网络技术构建而成。每个基于网络的付款应用都必须包含一个 Service Worker。

在基于网络的付款应用中,Service Worker 可通过以下方式充当付款请求的中介:

  • 打开模态窗口并显示付款应用界面。
  • 在付款应用和商家之间架起沟通桥梁。
  • 获取客户的授权并将付款凭据传递给商家。

请参阅付款交易的生命周期,了解付款应用对商家的运作方式。

商家如何发现您的付款应用

为了让商家使用您的付款应用,他们需要使用 Payment Request API,并使用付款方式标识符指定您支持的付款方式。

如果您有付款应用独有的付款方式标识符,则可以设置自己的付款方式清单,并让浏览器发现您的应用。

请参阅设置付款方式,了解其工作原理以及如何设置新的付款方式。

可在付款处理程序窗口中使用的 API

“付款处理程序窗口”是指在其中启动付款应用的窗口。在 Chrome 中,由于它是常规的 Chrome 浏览器窗口,因此大多数 Web API 都应像在顶级文档中那样运行,但有少数例外情况:

  • 调整视口大小的功能已停用。
  • 停用了 window.open()

WebAuthn 支持

WebAuthn 是一种基于公钥加密的身份验证机制。您可以允许用户通过生物识别验证进行登录。Chrome 上的付款处理程序窗口中已支持 WebAuthn,而标准正文正在研究在 Web Payments 与 WebAuthn 之间建立更紧密的连接。

Credential Management API 支持

Credential Management API 在网站和浏览器之间提供了一个编程接口,以实现跨设备无缝登录。您可以让用户根据浏览器密码管理器中存储的信息自动登录您的网站。我们计划在 Chrome 中启用该 API,但仍处于开发阶段

WebOTP 支持

WebOTP API 可帮助您以编程方式从短信中获取动态密码,并更轻松地为用户验证电话号码。我们已计划在 Chrome 中启用此 API,但仍处于开发阶段

您可以在 Chromium 错误跟踪工具中查看计划添加到付款处理程序窗口中的已知问题和功能的列表。

后续步骤

要开始构建基于网络的付款应用,您需要实现三个不同的部分: