如何将您的基于 Web 的支付应用与 Web Payments 集成，并为客户提供更好的用户体验。
Web Payments 为 Web 引入了浏览器内置的界面，使用户能够比以往更轻松地输入所需的付款信息。API 可以调用基于 Web 的支付应用以及 Android 支付应用。
浏览器支持
Web Payments 由几项不同的技术组成，支持状态取决于浏览器。
基于 Web 的支付应用的优势
- 付款在模态窗口中进行，并在商家网站的上下文中进行，这比使用重定向或弹出窗口的典型支付应用技术提供了更好的用户体验。
- Web Payments API 可以集成到已建立的网站中，使您能够利用现有的用户群。
- 与特定于平台的应用不同，基于 Web 的支付应用无需提前安装。
基于 Web 的支付应用如何工作？
基于 Web 的支付应用是使用标准 Web 技术构建的。每个基于 Web 的支付应用都必须包含 Service Worker。
在基于 Web 的支付应用中，Service Worker 可以通过以下方式充当支付请求的媒介：
- 打开一个模态窗口并显示支付应用的界面。
- 桥接支付应用和商家之间的通信。
- 从客户处获得授权，并将支付凭据传递给商家。
在支付交易的生命周期中了解支付应用如何在商家端工作。
商家如何发现您的支付应用
为了让商家使用您的支付应用，他们需要使用 Payment Request API，并使用支付方式标识符指定您支持的支付方式。
如果您有支付应用独有的支付方式标识符，您可以设置自己的支付方式清单，让浏览器发现您的应用。
在设置支付方式中了解其工作原理以及如何设置新的支付方式。
您可以在支付处理程序窗口中使用的 API
“支付处理程序窗口”是启动支付应用的窗口。在 Chrome 中，由于它是一个普通的 Chrome 浏览器窗口，因此大多数 Web API 应该像在顶级文档中使用一样工作，只有少数例外情况
- 调整视口大小被禁用。
window.open()已禁用。
WebAuthn 支持
WebAuthn 是一种基于公钥加密的身份验证机制。您可以让用户通过生物特征验证登录。WebAuthn 已经在 Chrome 上的支付处理程序窗口中受支持，标准机构正在研究在 Web Payments 和 WebAuthn 之间创建更紧密的连接。
Credential Management API 支持
Credential Management API 在站点和浏览器之间提供了一个程序化接口，用于跨设备无缝登录。您可以让用户根据存储在浏览器密码管理器中的信息自动登录您的网站。计划在 Chrome 中启用它，但仍处于开发中。
WebOTP 支持
WebOTP API 帮助您以编程方式从短信消息中获取 OTP，并更轻松地为用户验证电话号码。计划在 Chrome 中启用它，但仍处于开发中。
您可以在Chromium 错误跟踪器中查看计划添加到支付处理程序窗口的已知问题和功能列表。
后续步骤
要开始构建基于 Web 的支付应用，您需要实现三个不同的部分