註冊網頁式付款應用程式

瞭解如何在註冊過程中設定網頁式付款應用程式。

網頁式付款應用程式是漸進式網頁應用程式 (PWA),會在服務工作站上執行。付款應用程式中的服務工作站會擷取商家的付款要求、啟動付款應用程式,以及中介與商家之間的通訊,因此扮演了重要角色。

如要設定網頁式付款應用程式,您必須註冊可用的付款方式及 Service Worker。您可以使用網頁應用程式資訊清單,以宣告方式設定網頁式付款應用程式。

瀏覽器支援

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

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

使用網頁應用程式資訊清單設定付款應用程式

如要以宣告方式設定網頁式付款應用程式,請提供網頁應用程式資訊清單

網頁應用程式資訊清單中的下列屬性與網頁式付款應用程式相關:

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

請參閱設定付款方式,確認您的付款方式資訊清單正確指向網頁應用程式資訊清單。

及時註冊 Service Worker (JIT)

JIT 註冊只需要提供網頁應用程式資訊清單,不必提供其他程式碼。如果您已設定網頁應用程式資訊清單並正常提供,應該就已經設定好了。瀏覽器會處理其餘部分

對網頁式付款應用程式進行偵錯

開發網頁式付款應用程式前端時,您可能會在商家情境和付款應用程式內容之間來回切換。以下偵錯提示可協助您開發 Chrome 體驗。

在本機伺服器上開發

您使用哪個伺服器進行開發作業?許多開發人員傾向使用 localhost 或公司內部伺服器環境,這可能會是挑戰,因為瀏覽器的強大功能通常需要安全的環境 (HTTPS) 和有效憑證。Payment Request API 和 Payment Handler API 均屬例外,localhost 或公司內部伺服器通常都沒有有效的憑證。

好消息是部分瀏覽器 (包括 Chrome) 預設將 http://localhost 的豁免憑證設為豁免。此外,在 Chrome 中,您可以啟動 Chrome 執行個體,將憑證不受憑證要求排除。例如,如要不受 http://*.corp.company.com 的限制,請使用以下標記:

macOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

Windows

chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

如要進一步瞭解如何使用執行階段標記執行 Chrome,請參閱使用旗標執行 Chromium

通訊埠轉送本機伺服器

您可以使用 Chrome 的開發人員工具,將本機網路伺服器轉送到 Android 裝置,並測試該伺服器在行動瀏覽器上的運作情形。如要瞭解操作方式,請參閱「存取本機伺服器」。

使用電腦版開發人員工具在 Android Chrome 上對網站進行遠端偵錯

你也可以在電腦上使用開發人員工具對 Android Chrome 進行偵錯。如要瞭解操作方式,請參閱「開始使用遠端偵錯 Android 裝置」。

付款處理常式事件記錄功能

開發人員工具可顯示 Payment Handler API 事件,以便進行本機開發。在商家情境中開啟開發人員工具,然後前往「Application」(應用程式) 窗格底下的「Payment Handler」(付款處理常式) 區段。勾選「Show events from other domains」(顯示其他網域的事件),然後按一下「Record」按鈕,即可開始擷取傳送至處理付款的服務工作站的事件。

Payment Handler 事件記錄的螢幕截圖。
付款處理常式事件記錄功能。

後續步驟

下一步是瞭解服務工作站如何在執行階段自動化調度管理付款交易。