Yüklenebilir olmak için ne gerekir?

Progresif Web Uygulamaları (PWA'lar), web teknolojisi kullanılarak oluşturulmuş modern, yüksek kaliteli uygulamalardır. PWA'lar iOS/Android/masaüstü uygulamalarına benzer özellikler sunar, kararsız ağ koşullarında bile güvenilirdir ve yüklenebilir olmaları kullanıcıların bu uygulamaları bulup kullanmasını kolaylaştırır.

Kullanıcıların çoğu, uygulama yükleme ve yüklü deneyimin avantajları hakkında bilgi sahibidir. Yüklü uygulamalar, işletim sisteminin başlatma yüzeylerinde (ör. Mac OS X'teki Uygulamalar klasörü, Windows'taki Başlat menüsü ve Android ile iOS'teki ana ekran) gösterilir. Yüklü uygulamalar etkinlik değiştiricide, Spotlight gibi cihaz arama motorlarında ve içerik paylaşımı sayfalarında da gösterilir.

Çoğu tarayıcı, belirli ölçütleri karşılayan Progresif Web Uygulamanızın (PWA) yüklenebileceğini kullanıcıya gösterir. Örnek göstergelerden bazıları, adres çubuğundaki Yükle düğmesi veya taşma menüsündeki Yükle menü öğesidir.

Yükleme göstergesinin göründüğü omnibox ekran görüntüsü.
Tarayıcı tarafından sağlanan yükleme promosyonu (masaüstü)
Tarayıcı tarafından sağlanan yükleme promosyonunun ekran görüntüsü.
Tarayıcı tarafından sağlanan yükleme promosyonu (mobil)

Ayrıca, ölçütler karşılandığında birçok tarayıcı bir beforeinstallprompt etkinliği tetikler. Bu sayede, uygulamanızda yükleme akışını tetikleyecek özel bir uygulama içi kullanıcı deneyimi sağlayabilirsiniz.

Yükleme ölçütleri

Chrome'da, progresif web uygulamanız beforeinstallprompt etkinliğini tetikleyip tarayıcı içi yükleme promosyonunu göstermeden önce aşağıdaki ölçütleri karşılamalıdır:

  • Web uygulaması yüklü değil
  • Kullanıcı etkileşimi kurallarına uygun olmalıdır:
    • Kullanıcının sayfayı en az bir kez tıklaması veya sayfaya dokunması gerekir (önceki bir sayfa yükleme sırasında bile herhangi bir zamanda)
    • Kullanıcının sayfayı (herhangi bir zamanda) en az 30 saniye boyunca görüntülemesi gerekir.
  • HTTPS üzerinden sunulmalıdır.
  • Aşağıdakileri içeren bir web uygulaması manifesti içerir:
    • short_name veya name
    • icons: 192 piksel ve 512 piksel boyutunda bir simge içermelidir.
    • start_url
    • display: fullscreen, standalone, minimal-ui veya window-controls-overlay olmalıdır.
    • prefer_related_applications mevcut olmamalı veya false olmalıdır

Diğer tarayıcılarda da yüklemeyle ilgili benzer ölçütler olsa da küçük farklılıklar olabilir. Ayrıntılı bilgi için ilgili siteleri kontrol edin: