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 menampilkan antarmuka bawaan browser ke web yang memungkinkan pengguna memasukkan informasi pembayaran yang diperlukan dengan lebih mudah. API ini dapat memanggil aplikasi pembayaran berbasis web, serta aplikasi pembayaran Android.

Dukungan browser

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

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

Manfaat aplikasi pembayaran berbasis web

Alur checkout dengan aplikasi pembayaran berbasis web.
  • Pembayaran dilakukan dalam modal, dalam konteks situs penjual, yang memberikan pengalaman pengguna yang lebih baik daripada teknik aplikasi pembayaran standar 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 untuk 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 ke penjual.

Pelajari cara kerja aplikasi pembayaran di penjual di Siklus transaksi pembayaran.

Cara penjual menemukan aplikasi pembayaran Anda

Agar penjual dapat menggunakan aplikasi pembayaran Anda, mereka 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 Anda sendiri dan mengizinkan 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:

  • Pengubahan ukuran area pandang dinonaktifkan.
  • window.open() dinonaktifkan.

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 tanpa hambatan di seluruh perangkat. Anda dapat mengizinkan pengguna login ke situs Anda secara otomatis berdasarkan informasi yang disimpan ke 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 issue tracker bug Chromium.

Langkah berikutnya

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