PWA'ları web uygulaması manifest kimliği mülküyle benzersiz bir şekilde tanımlama

Pete LePage

Kullanıcı PWA'nızı yüklediğinde tarayıcının bunu benzersiz şekilde tanımlayacak bir yönteme ihtiyacı vardır PWA'dır. Ancak yakın zamana kadar, web uygulaması manifest spesifikasyonunda PWA'yı benzersiz şekilde tanımlamanın bir yolunu tanımlar, Bu durum farklı uygulama yöntemlerine yol açar. Bazı tarayıcılarda start_url kullanılır, diğerlerinde ise manifest dosyasının yolu kullanılır. Bu da bu alanlardan ikisinin güncellenmesi imkansızdır.

Bu sorunu çözmek için web uygulamasına isteğe bağlı yeni bir id mülkü eklendi için kullanılan tanımlayıcıyı açıkça tanımlamanıza olanak sağlayan, en iyi uygulamaları paylaşacağız. id özelliğinin manifest dosyasına eklenmesi, manifesto dosyasının start_url veya konumunu içerir ve dosyanın daha sonra güncellenecek.

id özelliği ne işe yarar?

id özelliği, PWA'nın tarayıcı kimliğini temsil eder. Zaman tarayıcı, sunulmasa bile onu yeni bir PWA olarak ele alır diğer PWA ile aynı URL'den arama yapar. Ancak kimliği olan bir manifest görürse yüklü olan PWA ile eşleşiyorsa bunu yüklü PWA olarak değerlendirir.

Tarayıcı desteği

id mülkü için destek, Chrome 96 sürümünde sunuldu.

id içermeyen bir uygulamam varsa ne yapmalıyım?

Bir şey yapmanız gerekmez ve web uygulaması manifest dosyasına bir id eklemeyin (start_url ve manifest yolu aynı kalır). PWA'nızı geleceğe hazırlamak için id mülkünü web uygulaması manifest dosyanıza ekleyin.

id hesabımı nasıl belirler ve ayarlarım?

PWA için id belirlemenin en güvenli ve en doğru yöntemi Chrome tarafından hesaplanan değeri kontrol etmektir.

  1. Chrome 96 veya sonraki bir sürümünü kullanarak Geliştirici Araçları'ndaki Uygulama panelinin Manifest bölmesi.
  2. Farenizle Uygulama Kimliği mülkünün yanındaki (!) simgesinin üzerine gelin. İlgili içeriği oluşturmak için kullanılan (!) ipucu simgesi yalnızca id şu değerde belirtilmediğinde görünür: web uygulaması manifest dosyasıdır.
  3. Araç ipucunda gösterilen id değerine dikkat edin (aşağıdaki ekran görüntüsüne bakın).
  4. Şurada gösterilen id değerini kullanarak web uygulaması manifest dosyasına bir id mülkü ekleyin: ipucu.

"id" değerini gösteren ipucu değer.

{
  ...
  id: "/?homescreen=1",
  start_url: "/?homescreen=1",
  ...
}

id ayarlamazsam ne olur?

Endişelenmeyin, hiçbir şey bozulmaz. Chrome 96 sürümünden itibaren manifest dosyasında bir id yoksa tarayıcı tarafından oluşturulur web uygulaması manifest dosyasındaki start_url öğesine göre.

Web uygulaması manifest dosyasına id eklemek mümkün start_url ve manifest yolunu değiştirin (yalnızca belirli origin aynı kalır.) çünkü tarayıcı PWA'yı start_url yerine belirtilen id öğesine göre tanımlayın manifesto yolunu izleyin.

Bunu nasıl test ederim?

Davranışı test etmek için şu adımları uygulayın:

  1. PWA'yı yükleyin.
  2. about://web-app-internals/ uygulamasını açıp unhashed_app_id ve Yüklü PWA için start_url özelliği.
  3. Şu adımları uygulayarak web uygulaması manifestinize bir id mülkü ekleyin: Yukarıdaki id açıklamamı nasıl belirleyip ayarlarım?
  4. Tarayıcıyı chrome://restart kullanarak yeniden başlatın, PWA'yı şuradan başlatın: about://apps, ardından manifest dosyasını yenilenmeye zorlamak için PWA'yı kapatın.
  5. about://web-app-internals/ sayfasını açın ve manifest_id özelliğini kontrol edin. yüklü PWA (Progresif Web Uygulaması) yüklü olan PWA'yı kontrol edin.
  6. Web uygulaması manifest dosyasındaki start_url değerini değiştirin.
  7. Tarayıcıyı chrome://restart kullanarak yeniden başlatın, PWA'yı şuradan başlatın: about://apps, ardından manifest dosyasını yenilenmeye zorlamak için PWA'yı kapatın.
  8. about://web-app-internals/ sayfasını açın ve start_url özelliğini kontrol edin. beklendiği gibi güncellendiğini doğrulamak için yüklü PWA'yı (Progresif Web Uygulaması) kullanın.

Ek kaynaklar