Ringkasan aplikasi pembayaran berbasis web

Cara mengintegrasikan aplikasi pembayaran berbasis web dengan Pembayaran Web dan memberikan pengalaman pengguna yang lebih baik bagi pelanggan.

Pembayaran Web menghadirkan antarmuka bawaan browser di web yang memungkinkan pengguna memasukkan informasi pembayaran yang diperlukan dengan lebih mudah daripada sebelumnya. API dapat memanggil aplikasi pembayaran berbasis web, serta aplikasi pembayaran Android.

Dukungan browser

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

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

Manfaat aplikasi pembayaran berbasis web

Alur checkout dengan aplikasi pembayaran berbasis web.
  • Pembayaran dilakukan secara modal, dalam konteks situs penjual, yang memberikan pengalaman pengguna yang lebih baik daripada teknik aplikasi pembayaran biasa yang menggunakan pengalihan atau pop-up.
  • API Pembayaran Web dapat diintegrasikan ke dalam situs yang sudah ada sehingga Anda dapat memanfaatkan basis pengguna yang ada.
  • Tidak seperti aplikasi khusus platform, aplikasi pembayaran berbasis web tidak perlu diinstal terlebih dahulu.

Bagaimana cara kerja aplikasi pembayaran berbasis web?

Aplikasi pembayaran berbasis web dibuat menggunakan teknologi web standar. Setiap aplikasi pembayaran berbasis web harus menyertakan pekerja layanan.

Di aplikasi pembayaran berbasis web, pekerja layanan dapat bertindak sebagai mediator permintaan pembayaran dengan:

  • Membuka jendela modal dan menampilkan antarmuka aplikasi pembayaran.
  • Menjembatani komunikasi antara aplikasi pembayaran dan penjual.
  • Mendapatkan otorisasi dari pelanggan dan meneruskan kredensial pembayaran kepada penjual.

Pelajari cara kerja aplikasi pembayaran pada penjual dalam Masa berlaku transaksi pembayaran.

Cara penjual menemukan aplikasi pembayaran Anda

Agar dapat menggunakan aplikasi pembayaran Anda, penjual harus menggunakan Payment Request API dan menentukan metode pembayaran yang Anda dukung menggunakan ID metode pembayaran.

Jika memiliki ID metode pembayaran yang unik untuk aplikasi pembayaran, Anda dapat menyiapkan manifes metode pembayaran sendiri dan membiarkan browser menemukan aplikasi Anda.

Pelajari cara kerjanya dan cara menyiapkan metode pembayaran baru di Menyiapkan metode pembayaran.

API yang dapat Anda gunakan di dalam jendela pengendali pembayaran

"Jendela pengendali pembayaran" adalah jendela tempat aplikasi pembayaran diluncurkan. Di Chrome, karena merupakan jendela browser Chrome biasa, sebagian besar API web akan berfungsi seolah-olah digunakan dalam dokumen tingkat atas, dengan hanya beberapa pengecualian:

  • Mengubah ukuran area pandang dinonaktifkan.
  • window.open() nonaktif.

Dukungan WebAuthn

WebAuthn adalah mekanisme autentikasi berdasarkan kriptografi kunci publik. Anda dapat mengizinkan pengguna login melalui verifikasi biometrik. WebAuthn sudah didukung di jendela pengendali pembayaran di Chrome, dan bagian standar sedang berupaya menciptakan hubungan yang lebih erat antara Pembayaran Web dan WebAuthn.

Dukungan Credential Management API

Credential Management API menyediakan antarmuka terprogram antara situs dan browser untuk login yang lancar di seluruh perangkat. Anda dapat mengizinkan pengguna login ke situs Anda secara otomatis berdasarkan informasi yang disimpan di pengelola sandi browser. Fitur ini direncanakan akan diaktifkan di Chrome, tetapi masih dalam pengembangan.

Dukungan WebOTP

WebOTP API membantu Anda mendapatkan OTP secara terprogram dari pesan SMS dan memverifikasi nomor telepon untuk pengguna dengan lebih mudah. Fitur ini direncanakan untuk diaktifkan di Chrome, tetapi masih dalam pengembangan.

Anda dapat melihat daftar masalah umum dan fitur yang direncanakan untuk ditambahkan ke jendela pengendali pembayaran di pelacak bug Chromium.

Langkah berikutnya

Untuk mulai membangun aplikasi pembayaran berbasis web, Anda memiliki tiga bagian berbeda untuk diimplementasikan: