Web tabanlı bir ödeme uygulamasını kaydetme

Kayıt sırasında web tabanlı bir ödeme uygulamasını nasıl yapılandıracağınızı öğrenin.

Web tabanlı ödeme uygulamaları Progresif Web Uygulamalarıdır (PWA) ve hizmet çalışanlarına ek olarak çalışır. Ödeme uygulamasındaki hizmet çalışanı, satıcıdan gelen ödeme isteklerini yakaladığı, ödeme uygulamasını başlattığı ve satıcıyla iletişimi sağladığı için önemli bir rol oynar.

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

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

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

Web uygulaması manifest'iyle ödeme uygulamasını 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 dosyasında bulunan aşağıdaki özellikler web tabanlı ödeme uygulamaları için önemlidir:

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

Ödeme yöntemi manifest'inizin web uygulaması manifest'inizi doğru şekilde gösterdiğinden emin olmak için Ödeme yöntemi oluşturma başlıklı makaleyi inceleyin.

Hizmet çalışanlarını tam zamanında (JIT) kaydetme

JIT kaydı için yalnızca web uygulaması manifest'inin yayınlanması gerekir ve ek kodlama gerekmez. Web uygulaması manifest dosyanızı zaten yapılandırdıysanız ve düzgün bir şekilde yayınlıyorsanız hazırsınız demektir. Gerisini tarayıcı halleder.

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

Web tabanlı bir ödeme uygulaması ön ucu geliştirirken muhtemelen satıcı bağlamı ile ödeme uygulaması bağlamı arasında geçiş yapacaksınız. Aşağıdaki hata ayıklama ipuçlarını kullanarak Chrome'da daha iyi bir geliştirme deneyimi yaşayabilirsiniz.

Yerel bir sunucuda geliştirme

Geliştirme için hangi sunucuyu kullanıyorsunuz? Birçok geliştirici localhost'i veya şirket içi bir sunucu ortamı kullanmayı tercih eder. Tarayıcıdaki güçlü özellikler genellikle güvenli bir ortam (HTTPS) ve geçerli bir sertifika gerektirdiğinden bu tercihler zorlu olabilir. Payment Request API ve Payment Handler API istisna değildir ve yerel ana makineler veya şirket içi sunucular genellikle geçerli bir sertifikayla birlikte gelmez.

Neyse ki Chrome da dahil olmak üzere bazı tarayıcılar, http://localhost için varsayılan olarak sertifikaları muaf tutar. Ayrıca Chrome'da bir Chrome örneği başlatarak sertifika şartından muaf olabilirsiniz. Örneğin, şartı http://*.corp.company.com özelliğinden 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ında işaretle çalıştırma hakkında daha fazla bilgiyi Chromium'u işaretlerle çalıştırma başlıklı makalede bulabilirsiniz.

Yerel bir sunucuda bağlantı noktası yönlendirme

Chrome'un Geliştirici Araçları'nı kullanarak yerel web sunucusunu bir Android cihaza yönlendirebilir ve nasıl çalıştığını bir mobil tarayıcıdan test edebilirsiniz. Nasıl yapılacağını öğrenmek için Yerel sunuculara erişim başlıklı makaleyi inceleyin.

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

Android Chrome'da hata ayıklama işlemini masaüstündeki Geliştirici Araçları'nda da yapabilirsiniz. Bunu nasıl yapacağınızı öğrenmek için Android Cihazlarda Uzaktan Hata Ayıklama ile Başlama başlıklı makaleyi inceleyin.

Ödeme işleyici etkinlik günlüğü

Geliştirici Araçları, yerel geliştirmeyi kolaylaştırmak için Payment Handler API etkinliklerini görüntüleyebilir. Satıcı bağlamında DevTools'u açın ve Uygulama bölmesinin altındaki "Ödeme İşleyici" bölümüne gidin. Ödemeleri yöneten hizmet işçisine gönderilen etkinlikleri yakalamaya başlamak için "Diğer alanlardan etkinlikleri göster" seçeneğini işaretleyin ve "Kaydet" düğmesini tıklayın.

Ödeme işleyici etkinlik günlüğünün ekran görüntüsü.
Ödeme işleyici etkinliği günlüğe kaydetme.

Sonraki adımlar

Bir sonraki adım, Service Worker'ın bir ödeme işlemini çalışma zamanında nasıl düzenleyebileceğini öğrenmektir.