Web tabanlı bir ödeme uygulamasını kaydetme

Kayıt sırasında web tabanlı ödeme uygulaması yapılandırmayı öğrenin.

Web tabanlı ödeme uygulamaları Progresif Web Uygulamaları (PWA) olarak adlandırılır ve hizmet çalışanlarına bağlı olarak çalışır. Ödeme uygulamasındaki hizmet çalışanı, satıcının ödeme isteklerini yakaladığı, ödeme uygulamasını başlattığı ve satıcıyla iletişimi aracılık ettiği için önemli bir rol oynar.

Web tabanlı ödeme uygulaması yapılandırmak için mevcut ödeme yöntemlerini ve bir hizmet çalışanı kaydettirmeniz gerekir. Bir web uygulaması manifest dosyasıyla, web tabanlı ödeme uygulamanızı bildirimli şekilde yapılandırabilirsiniz.

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
Ödeme İsteği API'si
Ödeme İşleyici API'sı
iOS/Android ödeme uygulaması ✔* ✔*

Web uygulaması manifest dosyasıyla ödeme uygulaması yapılandırma

Web tabanlı ödeme uygulamanızı bildirimli şekilde yapılandırmak için bir web uygulaması manifesti yayınlayın.

Web uygulaması manifest'indeki aşağıdaki özellikler, web tabanlı ödeme uygulamaları için geçerlidir:

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

Ödeme yöntemi manifestinizin web uygulaması manifestinizi doğru şekilde yönlendirdiğinden emin olmak için Ödeme yöntemi oluşturma bölümüne göz atın.

Tam zamanında hizmet çalışanı (JIT) kaydetme

JIT kaydı için yalnızca web uygulaması manifestinin sunulması gerekir. Ek kodlama gerekmez. Web uygulaması manifest dosyanızı önceden yapılandırdıysanız ve düzgün şekilde sunuyorsanız hazırsınız demektir. Gerisini tarayıcı halleder.

Web tabanlı ödeme uygulamasında hata ayıklama

Web tabanlı ödeme uygulaması ön ucu geliştirirken muhtemelen satıcı bağlamı ile ödeme uygulaması bağlamı arasında geçiş yaparsınız. Aşağıdaki hata ayıklama ipuçları, Chrome'daki geliştirme deneyiminize yardımcı olacaktır.

Yerel sunucuda geliştirme

Geliştirme için hangi sunucuyu kullanıyorsunuz? Tarayıcıdaki güçlü özellikler güvenli bir ortam (HTTPS) ve geçerli bir sertifika gerektirdiği için birçok geliştirici, localhost'u veya şirket içi sunucu ortamını kullanma eğilimindedir. Bu da zorlayıcı olabilir. Payment Request API ve Payment Handler API bu konuda istisna değildir ve yerel ana makineler veya şirket içi sunucular genellikle geçerli bir sertifikayla birlikte sunulmaz.

İyi haber, Chrome da dahil olmak üzere bazı tarayıcılar varsayılan olarak http://localhost için muaf tutma sertifikaları sunar. Ayrıca Chrome'da bir Chrome örneği başlatarak sertifika zorunluluğunu muaf tutabilirsiniz. Örneğin, şartı http://*.corp.company.com işlevinden muaf tutmak için aşağıdaki işaretleri kullanın:

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

Chrome'u çalışma zamanı işaretiyle çalıştırma hakkında daha fazla bilgiyi Chromium'u flag'lerle çalıştırma bölümünde bulabilirsiniz.

Yerel sunucuyu yönlendiren bağlantı noktası

Chrome'un Geliştirici Araçları'nı kullanarak yerel web sunucusunu bir Android cihaza yönlendirebilir ve bunun mobil tarayıcıdan nasıl çalıştığını test edebilirsiniz. Bunu nasıl yapacağınızı öğrenmek için Yerel Sunuculara Erişim sayfasına göz atın.

Android Chrome'daki bir web sitesinde masaüstü Geliştirici Araçları'ndan uzaktan hata ayıklama

Ayrıca, masaüstü Geliştirici Araçları'nda Android Chrome'daki hataları ayıklayabilirsiniz. Bunu nasıl yapacağınızı öğrenmek için Android Cihazlarda Uzaktan Hata Ayıklamaya Başlayın bölümüne göz atın.

Ödeme İşleyici etkinlik günlük kaydı

DevTools, Payment Handler API etkinliklerini görüntüleyebilir. Satıcı bağlamında Geliştirici Araçları'nı açın ve Uygulama bölmesinin altındaki "Ödeme İşleyici" bölümüne gidin. Ödemelerle ilgilenen hizmet çalışanına gönderilen etkinlikleri yakalamaya başlamak için "Diğer alanlardaki etkinlikleri göster"i işaretleyin ve "Kaydet" düğmesini tıklayın.

Ödeme İşleyicisi etkinlik günlük kaydının ekran görüntüsü.
Ödeme İşleyici etkinlik günlük kaydı.

Sonraki adımlar

Sonraki adım, hizmet çalışanının çalışma zamanında ödeme işlemini nasıl düzenleyebileceğini öğrenmektir.