如何整合網頁式付款應用程式與「網路付款」服務,為客戶提供更優質的使用者體驗。
Web Payments 將網路瀏覽器帶到瀏覽器內建的介面,讓使用者以前所未有的方式輸入必要的付款資訊。這些 API 可叫用網頁式付款應用程式,以及 Android 付款應用程式。
瀏覽器支援
Web Payments 包含數種技術,支援狀態會因瀏覽器而異。
網站式付款應用程式的優點
- 付款會以互動視窗進行,並依照商家網站情境進行,比起使用重新導向或彈出式視窗的一般付款應用程式技術,提供更優質的使用者體驗。
- Web Payments API 可整合至既有網站中,方便您運用現有使用者族群。
- 與平台專用應用程式不同的是,網頁式付款應用程式不需要預先安裝。
網站式付款應用程式如何運作?
網站式付款應用程式使用標準網路技術建構而成。每個網站式付款應用程式都必須包含 Service Worker。
在網頁式付款應用程式中,服務工作處理程序可以透過以下方式擔任付款要求的中介者:
- 開啟互動視窗,並顯示付款應用程式的介面。
- 連結付款應用程式與商家之間的通訊。
- 取得客戶的授權,並將付款憑證傳送給商家。
參閱「付款交易的生命週期」,瞭解付款應用程式如何在商家中運作。
商家如何找到您的付款應用程式
商家必須透過 Payment Request API,並使用付款方式 ID 指定您支援的付款方式,才能使用您的付款應用程式。
如果您有付款應用程式專用的付款方式 ID,可以設定自己的付款方式資訊清單,讓瀏覽器找到您的應用程式。
如要瞭解運作方式及設定新的付款方式,請參閱「設定付款方式」一文。
可在付款處理常式視窗中使用的 API
「付款處理常式視窗」是指可啟動付款應用程式的視窗。在 Chrome 中,由於這是一般的 Chrome 瀏覽器視窗,因此大部分網路 API 應該都能在頂層文件中正常運作,但只有幾個例外:
- 已停用調整可視區域大小的功能。
window.open()
已停用。
WebAuthn 支援
WebAuthn 是一種以公開金鑰密碼編譯為基礎的驗證機制。您可以讓使用者透過生物特徵辨識驗證登入。Chrome 的付款處理常式視窗已支援 WebAuthn,標準內文也正在設法在 Web Payments 和 WebAuthn 之間建立更緊密的連線。
支援 Credential Management API
Credential Management API 提供網站和瀏覽器之間的程式輔助介面,可讓使用者跨裝置順暢登入。您可以讓使用者根據瀏覽器密碼管理工具中儲存的資訊,自動登入您的網站。我們計劃在 Chrome 中啟用,但目前仍在開發中。
WebOTP 支援
WebOTP API 可協助您以程式輔助方式,從簡訊取得動態密碼,並更輕鬆地為使用者驗證電話號碼。我們計劃在 Chrome 中啟用,但目前仍在開發中。
您可以前往 Chromium 錯誤追蹤工具,查看我們計劃在付款處理常式視窗中加入的已知問題和功能清單。
後續步驟
如要開始建構網頁式付款應用程式,需導入以下三個部分: