Web tabanlı bir ödeme uygulamasını kaydetme

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

Web tabanlı ödeme uygulamaları, Progresif Web Uygulamalarıdır. (PWA) ve hizmetin üzerinde çalıştırmak için) sağlar. İlgili içeriği oluşturmak için kullanılan ödeme uygulamasındaki hizmet çalışanının, ödemeyi yakalamak ve ödeme uygulamasını başlatır ve ödeme sürecinde arabuluculuk yardımcı olabilir.

Web tabanlı bir ödeme uygulaması yapılandırmak için, kullanılabilir ödeme uygulamasını kaydetmeniz gerekir. ve hizmet çalışanı olabilir. Web tabanlı ödeme uygulamanızı yapılandırabilirsiniz. bunu bir web uygulaması manifestiyle beyan ederek beyan etmeniz gerekir.

Tarayıcı desteği

Web Payments, birkaç farklı teknolojiden ve destek hizmetinden oluşur durumu tarayıcıya göre değişir.

Chromium Safari Firefox
Masaüstü Android Masaüstü Mobil Masaüstü/Mobil
Ödeme İsteği API'si
Ödeme İşleyici API'si
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ı yayınlayın manifesto içinde yeniden etkinleştirilmelidir.

Web uygulaması manifest dosyasında bulunan aşağıdaki özellikler, web tabanlı ödeme uygulamalarıyla alakalıdır:

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

Bkz. Ödeme ayarlama yöntem ödeme yöntemi manifestinizin web uygulaması manifestinize yönlendirdiğinden emin olun gerekir.

Service Worker'ı tam zamanında kaydetme (JIT)

JIT kaydı için yalnızca web uygulamasının sunulması gerekir manifesto ve ek kodlamaya gerek yok. Web uygulaması manifest dosyanızı daha önce yapılandırdıysanız ve ve içeriği düzgün şekilde sunuyorsa her şey hazır demektir. Tarayıcı, mola vermektir.

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

Web tabanlı bir ödeme uygulamasının ön ucu geliştirirken büyük ihtimalle satıcı bağlamı ve ödeme uygulaması bağlamı. Aşağıdaki hata ayıklama ipuçları, ve Chrome'daki geliştirme deneyiminiz.

Yerel sunucuda geliştirme

Geliştirme için hangi sunucuyu kullanıyorsunuz? Birçok geliştirici, localhost'u veya şirket içine ait bir sunucu ortamına dayandırabilirsiniz. Tarayıcıdaki güçlü özellikler genellikle güvenli bir ortam (HTTPS) gerektirir ve geçerli bir sertifikanız olmalıdır. Payment Request API ve Payment Handler API, istisna değildir ve yerel barındırıcılar veya şirket içi sunucular genellikle geçerli bir sertifikadır.

İyi haber: Chrome dahil olmak üzere bazı tarayıcılar, Varsayılan olarak http://localhost. Ayrıca, Chrome'da bu sertifikadan bu gerekliliklere karşılık gelir. Örneğin, http://*.corp.company.com tarafından belirlenen şu flag'leri 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ı bayrağıyla çalıştırma hakkında daha fazla bilgi edinmek için Chromium'u şununla çalıştırmayı deneyin: işaretleri hakkında daha fazla bilgi edinin.

Yerel sunucuya bağlantı noktası yönlendirme

Chrome'un Geliştirici Araçları'nı ziyaret edin ve nasıl çalıştığını bir mobil tarayıcıdan test edin. Bunu nasıl yapacağınızı öğrenmek için Yerel Erişime Erişme Sunucular.

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

Ayrıca, masaüstü Geliştirici Araçları'nda Android Chrome'un hatalarını ayıklayabilirsiniz. Bunu nasıl yapacağınızı öğrenmek için Android'de Uzaktan Hata Ayıklamayı Kullanmaya Başlama Cihazlar.

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

Geliştirici Araçları, Ödeme İşleyici API'yi görüntüleyebilir etkinlik yerel kalkınmayı kolaylaştırır. Satıcı bağlamında Geliştirici Araçları'nı açıp "Ödeme İşleyici" Application (Uygulama) bölmesine gidin. "Etkinlikleri göster"i işaretleyin diğer alan adlarından " ve "Kaydet"i tıklayın. gönderilen etkinlikleri yakalamaya başlama düğmesi ödemelerle ilgilenen hizmet çalışanına gönderilir.

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

Sonraki adımlar

Bir sonraki adım, Service Worker'ın ödemeyi nasıl düzenleyebileceğini öğrenmektir. işlem olduğunu unutmayın.