Pelajari cara mengonfigurasi aplikasi pembayaran berbasis web selama pendaftaran.
Aplikasi pembayaran berbasis web adalah Progressive Web App (PWA) dan berjalan di atas service worker. Service worker di aplikasi pembayaran memainkan peran penting karena menangkap permintaan pembayaran dari penjual, meluncurkan aplikasi pembayaran, dan memediasi komunikasi dengan penjual.
Untuk mengonfigurasi aplikasi pembayaran berbasis web, Anda perlu mendaftarkan metode pembayaran yang tersedia dan service worker. Anda dapat mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif dengan manifes aplikasi web.
Dukungan browser
Web Payments terdiri dari beberapa teknologi yang berbeda dan status dukungan bergantung pada browser.
Mengonfigurasi aplikasi pembayaran dengan manifes aplikasi web
Untuk mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif, sajikan manifes aplikasi web.
Properti berikut dalam manifes aplikasi web relevan untuk aplikasi pembayaran berbasis web:
nameiconsserviceworkersrcscopeuse_cache
Lihat Menyiapkan metode pembayaran untuk memastikan manifes metode pembayaran Anda mengarah ke manifes aplikasi web Anda dengan benar.
Mendaftarkan pekerja layanan tepat waktu (JIT)
Pendaftaran JIT hanya memerlukan penayangan manifes aplikasi web dan tidak memerlukan coding tambahan. Jika telah mengonfigurasi manifes aplikasi web dan menayangkannya dengan benar, Anda tidak perlu melakukan tindakan lain. Browser akan menangani sisanya.
Mendebug aplikasi pembayaran berbasis web
Saat mengembangkan frontend aplikasi pembayaran berbasis web, Anda mungkin beralih antara konteks penjual dan konteks aplikasi pembayaran. Tips penelusuran bug berikut akan membantu pengalaman pengembangan Anda di Chrome.
Mengembangkan di server lokal
Server mana yang Anda gunakan untuk pengembangan? Banyak developer cenderung menggunakan localhost atau lingkungan server internal perusahaan yang dapat menimbulkan tantangan karena fitur canggih di browser cenderung memerlukan lingkungan yang aman (HTTPS) dan sertifikat yang valid. Payment Request API dan Web-based Payment Handler API tidak terkecuali dan localhost atau server internal perusahaan biasanya tidak dilengkapi dengan sertifikat yang valid.
Kabar baiknya, beberapa browser, termasuk Chrome, secara default mengecualikan sertifikat untuk
http://localhost. Selain itu, di Chrome, Anda dapat mengecualikan persyaratan sertifikat dengan meluncurkan instance Chrome. Misalnya, untuk mengecualikan
persyaratan dari http://*.corp.company.com, gunakan flag berikut:
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
Pelajari lebih lanjut cara menjalankan Chrome dengan tanda runtime di Menjalankan Chromium dengan tanda.
Meneruskan port server lokal
Anda dapat meneruskan port server web lokal ke perangkat Android menggunakan DevTools Chrome dan menguji cara kerjanya dari browser seluler. Untuk mempelajari cara melakukannya, lihat Mengakses Server Lokal.
Proses debug jarak jauh situs di Chrome Android dari DevTools desktop
Anda juga dapat men-debug Chrome Android di DevTools desktop. Untuk mempelajari cara melakukannya, lihat Memulai Proses Debug Jarak Jauh Perangkat Android.
Logging peristiwa Payment Handler
DevTools dapat menampilkan peristiwa Web-based Payment Handler APIuntuk mempermudah pengembangan lokal. Buka DevTools di konteks penjual dan buka bagian "Payment Handler" di panel Application. Centang "Tampilkan peristiwa dari domain lain" dan klik tombol "Rekam" untuk mulai merekam peristiwa yang dikirim ke pekerja layanan yang menangani pembayaran.
Langkah berikutnya
Langkah berikutnya adalah mempelajari cara pekerja layanan dapat mengatur transaksi pembayaran saat runtime.