網頁式付款應用程式總覽

如何將網頁版付款應用程式與 Web Payments 整合,為客戶提供更優質的使用者體驗。

Web Payments 將瀏覽器內建介面帶入網頁,讓使用者更輕鬆地輸入必要的付款資訊。這些 API 可叫用網路付款應用程式,以及 Android 付款應用程式

瀏覽器支援

Web Payments 包含數種技術,支援狀態會因瀏覽器而異。

Safari Firefox
電腦 Android 電腦 行動裝置 電腦/行動裝置
Payment Request API
Payment Handler API
iOS/Android 付款應用程式 ✔* ✔*

網站式付款應用程式的優點

網站式付款應用程式的結帳流程。
  • 付款作業會在商家網站的內容中以模式視窗進行,這比使用重新導向或彈出式視窗的一般付款應用程式技術,提供更優質的使用者體驗。
  • Web Payments API 可整合至既有網站中,方便您運用現有使用者族群。
  • 與平台專用應用程式不同的是,網頁式付款應用程式不需要預先安裝。

網路付款應用程式如何運作?

網站式付款應用程式使用標準網路技術建構而成。每個網站式付款應用程式都必須包含 Service Worker。

在網頁式付款應用程式中,服務工作處理程序可以透過以下方式擔任付款要求的中介者:

  • 開啟模式視窗並顯示付款應用程式的介面。
  • 連結付款應用程式和商家之間的通訊。
  • 取得消費者授權,並將付款憑證傳遞給商家。

如要瞭解付款應用程式在商家端的運作方式,請參閱「付款交易的生命週期」一文。

商家如何發現您的付款應用程式

商家必須使用 Payment Request API,並使用付款方式 ID 指定您支援的付款方式,才能使用您的付款應用程式。

如果您有專屬於付款應用程式的付款方式 ID,可以設定自己的付款方式資訊清單,讓瀏覽器發現您的應用程式。

如要瞭解運作方式及設定新的付款方式,請參閱「設定付款方式」一文。

可在付款處理程式視窗中使用的 API

「付款處理常式視窗」是啟動付款應用程式的視窗。在 Chrome 中,由於這是一般的 Chrome 瀏覽器視窗,因此大部分網路 API 應該都能在頂層文件中正常運作,但只有幾個例外:

  • 已停用調整可視區域大小的功能。
  • window.open()」已停用。

WebAuthn 支援

WebAuthn 是一種以公開金鑰密碼編譯為基礎的驗證機制。您可以讓使用者透過生物特徵辨識驗證登入。Chrome 的付款處理常式視窗已支援 WebAuthn,而標準機構也正在研究如何在 Web 付款和 WebAuthn 之間建立更緊密的連結。

支援 Credential Management API

憑證管理 API 會在網站和瀏覽器之間提供程式輔助介面,讓您在不同裝置上都能順暢登入。您可以根據儲存在瀏覽器密碼管理工具中的資訊,讓使用者自動登入網站。我們預計在 Chrome 中啟用這項功能,但目前仍處於開發階段

WebOTP 支援

WebOTP API 可協助您以程式輔助方式,從簡訊取得動態密碼,並更輕鬆地為使用者驗證電話號碼。我們預計在 Chrome 中啟用這項功能,但目前仍處於開發階段

您可以前往 Chromium 錯誤追蹤器,查看已知問題和預計新增至付款處理程式視窗的功能清單。

後續步驟

如要開始建構網路支付應用程式,您必須實作三個不同的部分: