Web tabanlı ödeme uygulamalarına genel bakış

Web tabanlı ödeme uygulamanızı Web Payments ile nasıl entegre edeceğiniz ve müşterilere daha iyi bir kullanıcı deneyimi sunacağınız.

Web Payments kullanıcıların gerekli ödeme bilgilerini her zamankinden daha kolay girmesine olanak tanıyan, tarayıcının yerleşik arayüzünü web'e getirir. API'ler, web tabanlı ödeme uygulamalarının yanı sıra Android ödeme uygulamalarını da çağırabilir.

Tarayıcı desteği

Web Ödemeleri, birkaç farklı teknolojiden oluşur ve destek durumu tarayıcıya bağlıdır.

Chromium Safari Firefox
Masaüstü Android Masaüstü Mobil Masaüstü/Mobil
Payment Request API
Payment Handler API
iOS/Android ödeme uygulaması ✔* ✔*

Web tabanlı ödeme uygulamalarının avantajları

Web tabanlı bir ödeme uygulamasıyla ödeme akışı.
  • Ödemeler, satıcı web sitesinin bağlamında modallarda yapılır. Bu, yönlendirmeler veya pop-up'lar kullanan tipik ödeme uygulaması tekniklerine kıyasla daha iyi bir kullanıcı deneyimi sağlar.
  • Web Payments API'leri, mevcut web sitelerine entegre edilebilir. Böylece, mevcut kullanıcı tabanından yararlanabilirsiniz.
  • Platforma özel uygulamaların aksine, web tabanlı ödeme uygulamalarının önceden yüklenmesi gerekmez.

Web tabanlı ödeme uygulamaları nasıl çalışır?

Web tabanlı ödeme uygulamaları, standart web teknolojileri kullanılarak oluşturulur. Web tabanlı her ödeme uygulaması bir hizmet çalışanı içermelidir.

Web tabanlı bir ödeme uygulamasında hizmet çalışanı, ödeme istekleri için aracı olarak hareket edebilir. Bunu şu şekilde yapar:

  • Bir modal pencere açma ve ödeme uygulamasının arayüzünü gösterme
  • Ödeme uygulaması ile satıcı arasındaki iletişimi köprüleme.
  • Müşteriden yetki alma ve ödeme kimlik bilgisini satıcıya iletme.

Ödeme işleminin yaşam döngüsü başlıklı makaleden bir ödeme uygulamasının satıcıda nasıl çalıştığını öğrenebilirsiniz.

Satıcılar ödeme uygulamanızı nasıl keşfeder?

Bir satıcının ödeme uygulamanızı kullanabilmesi için Payment Request API'yi kullanması ve ödeme yöntemi tanımlayıcısını kullanarak desteklediğiniz ödeme yöntemini belirtmesi gerekir.

Ödeme uygulamanıza özgü bir ödeme yöntemi tanımlayıcınız varsa kendi ödeme yöntemi manifestinizi oluşturabilir ve tarayıcıların uygulamanızı keşfetmesine izin verebilirsiniz.

Nasıl çalıştığını ve Ödeme yöntemi ayarlama başlıklı makaleden yeni bir ödeme yöntemini nasıl ayarlayabileceğinizi öğrenebilirsiniz.

Ödeme işleyici penceresinde kullanabileceğiniz API'ler

"Ödeme işleyici penceresi", ödeme uygulamalarının başlatıldığı penceredir. Chrome'da, normal bir Chrome tarayıcı penceresi olduğundan çoğu web API'si, üst düzey bir dokümanda kullanılıyormuş gibi çalışır. Yalnızca birkaç istisna vardır:

  • Görüntü alanını yeniden boyutlandırma devre dışı bırakıldı.
  • window.open() devre dışı bırakıldı.

WebAuthn desteği

WebAuthn, ortak anahtar kriptografisine dayalı bir kimlik doğrulama mekanizmasıdır. Kullanıcıların biyometrik doğrulama ile oturum açmasına izin verebilirsiniz. WebAuthn, Chrome'daki ödeme işleyici penceresinde zaten destekleniyor ve standart kuruluş, Web Ödemeleri ile WebAuthn arasında daha da sıkı bir bağlantı oluşturmayı araştırıyor.

Credential Management API desteği

Credential Management API, cihazlar arasında sorunsuz oturum açma için site ile tarayıcı arasında programlı bir arayüz sağlar. Kullanıcıların, tarayıcının şifre yöneticisinde depolanan bilgilere göre web sitenizde otomatik olarak oturum açmasına izin verebilirsiniz. Chrome'da etkinleştirilmesi planlanıyor ancak geliştirme aşamasında.

WebOTP desteği

WebOTP API, SMS mesajından programatik olarak OTP almanıza ve kullanıcının telefon numarasını daha kolay doğrulamanıza yardımcı olur. Chrome'da etkinleştirilmesi planlanıyor ancak geliştirme aşamasında.

Bilinen sorunların ve ödeme işleyici penceresine eklenmesi planlanan özelliklerin listesini Chromium hata izleyicisinde inceleyebilirsiniz.

Sonraki adımlar

Web tabanlı bir ödeme uygulaması oluşturmaya başlamak için uygulamanız gereken üç farklı bölüm vardır: