Pelajari cara mengonfigurasi aplikasi pembayaran berbasis web selama pendaftaran.
Aplikasi pembayaran berbasis web adalah Progressive Web App (PWA) dan berjalan bersama pekerja layanan. Pekerja layanan dalam aplikasi pembayaran berperan penting karena mencatat permintaan pembayaran dari penjual, meluncurkan aplikasi pembayaran, dan memediasi komunikasi dengan penjual.
Untuk mengonfigurasi aplikasi pembayaran berbasis web, Anda harus mendaftarkan metode pembayaran yang tersedia, dan pekerja layanan. Anda dapat mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif dengan manifes aplikasi web.
Dukungan browser
Pembayaran Web terdiri dari beberapa teknologi yang berbeda dan status dukungannya bergantung pada browser.
Mengonfigurasi aplikasi pembayaran dengan manifes aplikasi web
Untuk mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif, tampilkan manifes aplikasi web.
Properti di manifes aplikasi web berikut relevan untuk aplikasi pembayaran berbasis web:
name
icons
serviceworker
src
scope
use_cache
Lihat Menyiapkan metode pembayaran untuk memastikan manifes metode pembayaran mengarah ke manifes aplikasi web dengan benar.
Mendaftarkan pekerja layanan tepat waktu (JIT)
Pendaftaran JIT hanya memerlukan penayangan manifes aplikasi web dan tidak ada coding tambahan. Jika manifes aplikasi web sudah dikonfigurasi dan telah ditayangkan dengan benar, berarti Anda sudah siap. Browser akan menangani sisanya.
Proses debug aplikasi pembayaran berbasis web
Saat mengembangkan frontend aplikasi pembayaran berbasis web, Anda mungkin akan beralih antara konteks penjual dan konteks aplikasi pembayaran. Tips proses debug 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 menjadi tantangan karena fitur canggih di browser cenderung memerlukan lingkungan yang aman (HTTPS) dan sertifikat yang valid. Payment Request API dan Payment Handler API bukanlah pengecualian dan localhost atau server internal perusahaan biasanya tidak dilengkapi sertifikat yang valid.
Kabar baiknya, beberapa browser, termasuk Chrome, mengecualikan sertifikat untuk
http://localhost
secara default. 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.
Penerusan porta 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 Android Chrome dari DevTools desktop
Anda juga dapat men-debug Chrome Android di DevTools desktop. Untuk mempelajari cara melakukannya, lihat Mulai Menggunakan Perangkat Android Proses Debug Jarak Jauh.
Logging peristiwa Pengendali Pembayaran
DevTools dapat menampilkan peristiwa Payment Handler API untuk pengembangan lokal yang lebih mudah. Buka DevTools pada konteks penjual, lalu buka bagian "Pengendali Pembayaran" 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.
![Screenshot logging aktivitas Pengendali Pembayaran.](https://web.dev/static/articles/registering-a-web-based-payment-app/image/a-screenshot-payment-han-2353defdf5615.png?authuser=19&hl=id)
Langkah berikutnya
Langkah berikutnya adalah mempelajari cara pekerja layanan dapat mengorkestrasi transaksi pembayaran saat runtime.