Mendaftarkan aplikasi pembayaran berbasis web

Pelajari cara mengonfigurasi aplikasi pembayaran berbasis web selama pendaftaran.

Aplikasi pembayaran berbasis web adalah Progressive Web App (PWA) dan berjalan di atas layanan pekerja. Tujuan pekerja layanan di aplikasi pembayaran berperan penting dalam menangkap pembayaran permintaan dari penjual, meluncurkan aplikasi pembayaran, dan memediasi komunikasi dengan penjual.

Untuk mengonfigurasi aplikasi pembayaran berbasis web, Anda harus mendaftarkan metode pembayaran yang tersedia metode, dan pekerja layanan. Anda dapat mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif dengan manifes aplikasi web.

Dukungan browser

Pembayaran Web terdiri dari beberapa teknologi dan dukungan yang berbeda status tersebut bergantung pada browser.

Kromium Safari Firefox
Desktop Android Desktop Seluler Desktop/Seluler
API Permintaan Pembayaran
API Pengendali Pembayaran
Aplikasi pembayaran iOS/Android ✔* ✔*

Mengonfigurasi aplikasi pembayaran dengan manifes aplikasi web

Untuk mengonfigurasi aplikasi pembayaran berbasis web secara deklaratif, tayangkan aplikasi web manifes.

Properti berikut di manifes aplikasi web relevan untuk aplikasi pembayaran berbasis web:

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

Lihat Menyiapkan pembayaran metode untuk memastikan manifes metode pembayaran mengarah ke manifes aplikasi web Anda mereka dapat terus berjalan dengan baik.

Mendaftarkan pekerja layanan tepat waktu (JIT)

Pendaftaran JIT hanya memerlukan penayangan aplikasi web manifes dan tanpa coding tambahan. Jika Anda sudah mengonfigurasi manifes aplikasi web dan apakah iklan ditayangkan dengan benar, maka Anda sudah siap. Browser akan menangani beristirahat.

Men-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 pengembang cenderung menggunakan {i>localhost<i} atau lingkungan server internal perusahaan yang bisa jadi sulit karena fitur canggih pada browser cenderung memerlukan lingkungan yang aman (HTTPS) dan sertifikat yang valid. Payment Request API dan Payment Handler API adalah tidak terkecuali {i>localhosts<i} atau server internal perusahaan biasanya tidak memiliki sertifikat yang valid.

Kabar baiknya adalah beberapa browser, termasuk Chrome, mengecualikan sertifikat untuk http://localhost secara default. Selain itu, di Chrome, Anda dapat mengecualikan 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 flag.

Penerusan porta server lokal

Anda dapat meneruskan server web lokal ke perangkat Android menggunakan DevTools dan menguji cara kerjanya dari browser seluler. Untuk mempelajari caranya, lihat Access Local Server.

Proses debug situs dari jarak jauh di Android Chrome dari DevTools desktop

Anda juga dapat men-debug Android Chrome di DevTools desktop. Untuk mempelajari caranya, lihat Get Started with Remote Debugging Android Perangkat.

Logging peristiwa Pengendali Pembayaran

DevTools dapat menampilkan Payment Handler API peristiwa untuk pengembangan lokal yang lebih mudah. Buka DevTools pada konteks penjual dan buka "Pengendali Pembayaran" pada panel Application. Centang "Tampilkan acara dari domain lain" dan klik tombol "Rekam" untuk mulai mencatat peristiwa yang dikirim kepada pekerja layanan yang menangani pembayaran.

Screenshot logging peristiwa Pengendali Pembayaran.
Logging peristiwa Pengendali Pembayaran.

Langkah berikutnya

Langkah berikutnya adalah mempelajari cara pekerja layanan mengorkestrasi pembayaran pada saat runtime.