Ödeme İşleyici API'sinin CanMakePayment etkinlik davranışında güncelleme

Eiji Kitamura

Ödeme İşleyici API'si ödeme sağlayıcılarının, kendi özel ödeme deneyimlerini Ödeme İsteği API'si ile birlikte satıcılara bildirin. Ödeme İsteği API'si new PaymentRequest() oluşturucusu ile birlikte bir canmakepayment etkinliğini sessizce tetikler ve kaynağını ve rastgele verilerini Ödeme İşleyici API'ye kayıtlı bir hizmet çalışanı olmalıdır. Bu çapraz kaynak iletişiminde kullanıcı hareketi gerekmez tüm kullanıcı arayüzünü gösterin.

Chrome, tanımlayıcı alanları canmakepayment etkinliğinden kaldıracak ve Chrome 108'den kaynak deneme süresini başlatın.

Bu sayfadaki bilgiler, yalnızca ödeme işleyici API'sini kullanıyor olabilir. Bu adımları kullanmıyorsanız bu talimatları atlayabilirsiniz.

Neler değişiyor?

Bir satıcı new PaymentRequest() adlı satıcıyı aradığında kayıtlı bir hizmet çalışanı Kullanıcı canmakepayment etkinliği aldığında (CanMakePaymentEvent) içerir:

  • topOrigin
  • paymentRequestOrigin
  • methodData
  • modifiers

Bunlar kaldırılacak ve hizmet çalışanı yalnızca ek bilgi içermeyen canmakepayment etkinliği.

Özellik algılama

canmakepayment etkinliğinin hizmet çalışanında değiştirilip değiştirilmediğini tespit etmek aşağıdaki gibi ilgili özellikleri inceleyin:

self.addEventListener(e => {
  if (e.paymentRequestOrigin) {...}
  if (e.topOrigin) {...}
  if (e.methodData && e.methodData.length > 0) {...}
  if (e.modifiers && e.modifiers.length > 0) {...}
  ...
});

Değişikliği yerel olarak deneyin

Geliştirme amacıyla değişikliği yerel olarak etkinleştirmek için:

  1. Chrome 108, 109 veya 110 sürümünü kullanın.
  2. URL çubuğuna chrome://flags/#clear-identity-in-can-make-payment girin.
  3. İşareti etkinleştir.
  4. Chrome'u yeniden başlatın.

İşaret etkinleştirildiğinde canmakepayment etkinliğindeki kimlik alanları bağlantılıdır (ve Android IS_READY_TO_PAY Amacı).

Üretimde değişikliği etkinleştir

Üretimdeki değişikliği, değişikliği yapılmadan önce test amacıyla da etkinleştirebilirsiniz. Chrome'a geliyor. Bu mekanizmaya kaynak denemesi adı verilir.

Kaynak denemeleri, yeni özellikleri denemenize ve bu özelliklerle ilgili geri bildirimde bulunmanıza olanak kullanılabilirlik, pratiklik ve etkililik gibi konuları ele aldık. Örneğin, Daha fazla bilgiyi Web Geliştiricileri için Kaynak Denemeleri Kılavuzu'nda bulabilirsiniz. Bu veya başka bir kaynak denemesine kaydolmak için kayıt sayfasını ziyaret edin.

Kaynak denemesini kaydetmek için:

  1. Jeton isteyin öğrenin.
  2. Origin-Trial kullanarak jetonu hizmet çalışanı JavaScript dosyanıza ekleyin HTTP üst bilgisi. HTTP üstbilgilerini ayarlamak için sunucunuzu yapılandırma erişimine sahip olmanız gerekir. Elde edilen yanıt başlığı aşağıdaki gibi görünmelidir:
Origin-Trial: Auw/tjTQ2eJQ911wiMHi1Bb7i71...

Hizmet çalışanı dosyasında kaynak deneme jetonunu görmek için: Geliştirici Araçları'nı kullanarak ya da curl komutu şu şekildedir:

$ curl --head <Service Worker JS file URL> | grep -i origin-trial
origin-trial: Auw/tjTQ2eJQ911wiMHi1Bb7i71...

Chrome 111'den sonra kimlik alanlarını yerel olarak yeniden etkinleştirme

Chrome 111 veya sonraki sürümünü kullanıyorsanız canmakepayment etkinlik boş bırakıldı. Yeniden etkinleştirmek için yerel olarak aşağıdaki işlemleri yapabilirsiniz:

  1. Chrome 111 veya sonraki bir sürümü kullanın.
  2. URL çubuğuna chrome://flags/#add-identity-in-can-make-payment girin.
  3. İşareti etkinleştir.
  4. Chrome'u yeniden başlatın.

Sonraki adımlar

Bu değişikliğin Chrome 111 sürümünden varsayılan olarak etkinleştirilmesi planlanmaktadır. Hazırlıklı olmak için hemen teste başlayabilirsiniz en iyi uygulamaları paylaşacağım.