網頁式付款應用程式總覽

如何將網頁式付款應用程式與網路付款功能整合,為消費者提供更優質的使用者體驗。

網路付款功能可將網頁內建瀏覽器的內部介面,讓使用者以前所未有的方式輸入付款資訊。API 可叫用網頁式付款應用程式,以及 Android 付款應用程式

瀏覽器支援

網路付款功能包含幾項不同技術,支援狀態會因瀏覽器而異。

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

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

網頁式付款應用程式的結帳流程。
  • 視商家網站的情況而定,透過強制回應付款,相較於使用重新導向或彈出式視窗的一般付款應用程式技巧,這種方式提供的使用者體驗更佳。
  • Web Payments API 可以整合至既有網站,以便運用現有的使用者族群。
  • 網頁式付款應用程式與平台專用的應用程式不同,您不需要事先安裝。

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

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

在網頁式付款應用程式中,服務工作站可透過以下方式做為付款要求的中介者:

  • 開啟互動視窗,並顯示付款應用程式的介面。
  • 連結付款應用程式與商家之間的通訊。
  • 取得客戶授權,並將付款憑證傳送給商家。

請參閱付款交易生命週期一文,瞭解付款應用程式如何在商家上運作。

商家如何找到你的付款應用程式

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

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

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

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

「付款處理常式視窗」意指可啟動付款應用程式的視窗。在 Chrome 中,由於 Chrome 是一般的 Chrome 瀏覽器視窗,因此大多數網路 API 應與頂層文件一樣運作,只有少數例外:

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

WebAuthn 支援

WebAuthn 是一種基於公開金鑰密碼編譯的驗證機制。您可以讓使用者透過生物特徵辨識驗證登入。Chrome 的付款處理常式視窗已支援 WebAuthn,標準主體希望能在網路付款和 WebAuthn 之間建立更流暢的連線。

Credential Management API 支援

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

WebOTP 支援

WebOTP API 可協助您以程式輔助方式取得簡訊中的動態密碼,並為使用者更輕鬆地驗證電話號碼。您計劃在 Chrome 中啟用,但目前仍在開發中

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

後續步驟

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