如何將網頁版付款應用程式與 Web Payments 整合，為客戶提供更優質的使用者體驗。
Web Payments 將瀏覽器內建介面帶入網頁，讓使用者更輕鬆地輸入必要的付款資訊。這些 API 可叫用網路付款應用程式，以及 Android 付款應用程式。
瀏覽器支援
Web Payments 包含幾個不同的技術，支援狀態則視瀏覽器而定。
網頁型付款應用程式的優點
- 付款作業會在商家網站的內容中以模式視窗進行，這比使用重新導向或彈出式視窗的一般付款應用程式技術，提供更優質的使用者體驗。
- Web Payments API 可整合至已建立的網站，讓您利用現有的使用者群。
- 與平台專屬應用程式不同，使用者不需要事先安裝網路付款應用程式。
網路付款應用程式如何運作？
網頁式付款應用程式採用標準網路技術建構而成。每個以網頁為基礎的付款應用程式都必須包含服務工作者。
在以網頁為基礎的付款應用程式中，服務工作者可充當付款要求的中介，執行以下操作：
- 開啟模式視窗並顯示付款應用程式的介面。
- 連結付款應用程式和商家之間的通訊。
- 取得消費者授權，並將付款憑證傳遞給商家。
如要瞭解付款應用程式在商家端的運作方式，請參閱「付款交易的生命週期」一文。
商家如何發現您的付款應用程式
商家必須使用 Payment Request API，並使用付款方式 ID 指定您支援的付款方式，才能使用您的付款應用程式。
如果您有專屬於付款應用程式的付款方式 ID，可以設定自己的付款方式資訊清單，讓瀏覽器發現您的應用程式。
如要瞭解相關運作方式，以及如何設定新的付款方式，請參閱設定付款方式。
可在付款處理程式視窗中使用的 API
「payment handler window」是啟動付款應用程式的視窗。在 Chrome 中，由於這是一般 Chrome 瀏覽器視窗，因此大多數的網路 API 應可正常運作，就算在頂層文件中使用也不例外，但以下幾種情況除外：
- 系統會停用可視區域大小調整功能。
- 「
window.open()」已停用。
WebAuthn 支援
WebAuthn 是一種以公開金鑰密碼編譯為基礎的驗證機制。您可以讓使用者透過生物特徵辨識驗證登入。Chrome 的付款處理常式視窗已支援 WebAuthn，而標準機構也正在研究如何在 Web 付款和 WebAuthn 之間建立更緊密的連結。
Credential Management API 支援
憑證管理 API 會在網站和瀏覽器之間提供程式輔助介面，讓您在不同裝置上都能順暢登入。您可以根據儲存在瀏覽器密碼管理工具中的資訊，讓使用者自動登入網站。我們預計在 Chrome 中啟用這項功能，但目前仍在開發中。
WebOTP 支援
WebOTP API 可協助您以程式輔助方式從簡訊取得 OTP，並更輕鬆地為使用者驗證電話號碼。我們預計在 Chrome 中啟用這項功能，但目前仍處於開發階段。
您可以前往 Chromium 錯誤追蹤器，查看已知問題和預計新增至付款處理程式視窗的功能清單。
後續步驟
如要開始建構網路支付應用程式，您必須實作三個不同的部分：