基于网络的付款应用概览

如何将您的基于 Web 的付款应用与 Web Payments 集成,从而为客户提供更好的用户体验。

Eiji Kitamura
Eiji Kitamura

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

浏览器支持

Web Payments 由几项不同的技术组成,支持状态取决于浏览器。

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

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

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

基于网络的付款应用是如何运作的?

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

在基于网络的付款应用中,服务工件可以充当付款请求的中介,具体方法如下:

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

如需了解付款应用在商家端的运作方式,请参阅付款交易生命周期

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

商家若要使用您的付款应用,则需要使用 PaymentRequest API,并使用付款方式标识符指定您支持的付款方式。

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

如需了解其运作方式以及如何设置新的付款方式,请参阅设置付款方式

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

“付款处理脚本窗口”是指用于启动付款应用的窗口。在 Chrome 中,由于它是常规的 Chrome 浏览器窗口,因此大多数 Web API 的运作方式应与在顶级文档中使用时一样,只有少数例外情况:

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

WebAuthn 支持

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

Credential Management API 支持

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

WebOTP 支持

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

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

后续步骤

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