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.
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ü.](https://web.dev/static/articles/registering-a-web-based-payment-app/image/a-screenshot-payment-han-2353defdf5615.png?authuser=5&hl=tr)
Sonraki adımlar
Sonraki adım, hizmet çalışanının çalışma zamanında ödeme işlemini nasıl düzenleyebileceğini öğrenmektir.