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ı (PWA) olup servis çalışanları üzerinde ç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ı yapılandırmak için kullanılabilir ödeme yöntemlerini ve bir hizmet çalışanını kaydetmeniz gerekir. Web tabanlı ödeme uygulamanızı, web uygulaması manifestiyle bildirimli olarak 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
Payment Request API
Web tabanlı Ödeme İşleyici API'si
iOS/Android ödeme uygulaması ✔* ✔*

Web uygulaması manifestiyle ödeme uygulaması yapılandırma

Web tabanlı ödeme uygulamanızı bildirimli olarak yapılandırmak için bir web uygulaması manifesti sunun.

Web uygulaması manifest dosyasındaki 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ı manifestinize doğru şekilde işaret ettiğinden emin olmak için Ödeme yöntemi ayarlama başlıklı makaleyi inceleyin.

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

Anında kayıt için yalnızca web uygulaması manifestinin sunulması gerekir ve ek kodlama gerekmez. Web uygulaması manifestinizi zaten yapılandırdıysanız ve doğru şekilde sunuyorsanız hazırsınız demektir. Tarayıcı, geri kalan işlemleri yapar.

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ş 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? Birçok geliştirici, tarayıcıdaki güçlü özellikler güvenli bir ortam (HTTPS) ve geçerli bir sertifika gerektirdiğinden zor olabilen localhost veya şirket içi bir sunucu ortamı kullanma eğilimindedir. Payment Request API ve Web tabanlı Payment Handler API de bu durumun istisnası değildir. Localhost'lar veya şirket içi sunucular genellikle geçerli bir sertifikayla birlikte gelmez.

İyi haber ise Chrome da dahil olmak üzere bazı tarayıcıların http://localhost için sertifikaları varsayılan olarak muaf tutmasıdır. Ayrıca Chrome'da bir Chrome örneği başlatarak sertifika zorunluluğunu muaf tutabilirsiniz. Örneğin, http://*.corp.company.com koşulunu 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ı flag'iyle çalıştırma hakkında daha fazla bilgiyi Run Chromium with flags (Chromium'u flag'lerle ç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 mobil tarayıcıdan nasıl çalıştığını test edebilirsiniz. Nasıl yapılacağını öğrenmek için Yerel Sunuculara Erişim başlıklı makaleyi inceleyin.

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

Android Chrome'u masaüstü Geliştirici Araçları'nda da hata ayıklayabilirsiniz. Nasıl yapılacağını öğrenmek için Android Cihazlarda Uzaktan Hata Ayıklamaya Başlama başlıklı makaleyi inceleyin.

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

Geliştirici Araçları, daha kolay yerel geliştirme için Web tabanlı Ödeme İşleyici API etkinliklerini gösterebilir. Satıcı bağlamında Geliştirici Araçları'nı açın ve Uygulama bölmesindeki "Ödeme İşleyici" bölümüne gidin. "Diğer alanlardan etkinlikleri göster" seçeneğini işaretleyin ve ödemeleri işleyen hizmet çalışanına gönderilen etkinlikleri yakalamaya başlamak için "Kaydet" düğmesini tıklayın.

Web tabanlı ödeme işleyici etkinlik günlüğünün ekran görüntüsü.
Web tabanlı ödeme işleyicisi olay günlüğü.

Sonraki adımlar

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