註冊網頁式付款應用程式

瞭解如何在註冊期間設定網路付款應用程式。

網頁式付款應用程式是漸進式網頁應用程式 (PWA),會在服務工作人員上執行。付款應用程式中的 Service Worker 扮演重要角色,因為它會擷取商家傳送的付款要求、啟動付款應用程式,並調解與商家的通訊。

如要設定網頁型付款應用程式,請註冊可用的付款方式和服務工作人員。您可以使用網頁應用程式資訊清單,以宣告方式設定網頁型付款應用程式。

瀏覽器支援

Web Payments 包含幾種不同的技術,支援狀態取決於瀏覽器。

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

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

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

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

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

請參閱「設定付款方式」,確認付款方式資訊清單是否正確指向您的 Web 應用程式資訊清單。

及時 (JIT) 註冊 Service Worker

JIT 註冊只需要提供網頁應用程式資訊清單,不需要額外編碼。如果您已設定網路應用程式資訊清單並正確提供,應該就沒問題了。瀏覽器會處理其餘作業。

偵錯網頁型付款應用程式

開發網頁型付款應用程式前端時,您可能會在商家環境和付款應用程式環境之間跳轉。下列偵錯提示可協助您在 Chrome 上開發。

在本機伺服器上開發

您使用哪個伺服器進行開發?許多開發人員傾向使用本機主機或公司內部伺服器環境,但這可能會造成困難,因為瀏覽器中的強大功能通常需要安全環境 (HTTPS) 和有效憑證。Payment Request API 和 Web-based 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 裝置」。

付款處理常式事件記錄

開發人員工具可以顯示 Web 網頁型付款處理常式 API 事件,方便進行本機開發。在商家環境中開啟開發人員工具,然後前往「應用程式」窗格下方的「付款處理常式」部分。勾選「顯示其他網域的事件」,然後按一下「記錄」按鈕,開始擷取傳送至處理付款的 Service Worker 的事件。

網頁型付款處理常式事件記錄的螢幕截圖。
記錄以網頁為基礎的付款處理常式事件。

後續步驟

下一步是瞭解服務工作人員如何在執行階段協調付款交易。