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 ke web yang memungkinkan pengguna memasukkan informasi pembayaran yang diperlukan dengan lebih mudah daripada sebelumnya. 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.

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 dengan modal, dalam konteks situs penjual, yang memberikan pengalaman pengguna yang lebih baik daripada teknik aplikasi pembayaran biasa yang menggunakan pengalihan atau pop-up.
  • Web Payments API 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 di awal.

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 cara:

  • 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 di Aktivitas 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 dan memungkinkan 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 ini adalah jendela browser Chrome reguler, sebagian besar API web akan berfungsi seperti jika digunakan di dokumen tingkat atas, dengan hanya beberapa pengecualian:

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

Dukungan WebAuthn

WebAuthn adalah mekanisme autentikasi yang didasarkan pada kriptografi kunci publik. Anda dapat mengizinkan pengguna login melalui verifikasi biometrik. WebAuthn sudah didukung di jendela pengendali pembayaran di Chrome, dan badan standar sedang mempertimbangkan untuk membuat koneksi yang lebih erat antara Web Payments 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 untuk 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 memperoleh OTP secara terprogram dari pesan SMS dan memverifikasi nomor telepon untuk pengguna dengan lebih mudah. Fitur ini direncanakan diaktifkan di Chrome, tetapi masih dalam pengembangan.

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

Langkah berikutnya

Untuk mulai membuat aplikasi pembayaran berbasis web, Anda memiliki tiga bagian berbeda untuk diterapkan: