瞭解如何在註冊期間設定網路付款應用程式。
網頁式付款應用程式是漸進式網頁應用程式 (PWA),會在服務工作人員上執行。付款應用程式中的 Service Worker 扮演重要角色,因為它會擷取商家傳送的付款要求、啟動付款應用程式,並調解與商家的通訊。
如要設定網頁型付款應用程式,請註冊可用的付款方式和服務工作人員。您可以使用網頁應用程式資訊清單,以宣告方式設定網頁型付款應用程式。
瀏覽器支援
Web Payments 包含幾種不同的技術,支援狀態取決於瀏覽器。
使用網頁應用程式資訊清單設定付款應用程式
如要以宣告方式設定網頁型付款應用程式,請提供網頁應用程式資訊清單。
網頁應用程式資訊清單中,與網頁型付款應用程式相關的屬性如下:
nameiconsserviceworkersrcscopeuse_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 的事件。
後續步驟
下一步是瞭解服務工作人員如何在執行階段協調付款交易。