Yüklenebilir olmak için ne gerekir?

Pete LePage

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ı sayesinde kullanıcıların bunları 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, Mac OS X'teki Uygulamalar klasörü, Windows'taki Başlat menüsü ve Android ile iOS'teki ana ekran gibi işletim sistemi başlatma yüzeylerinde 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ı manifest dosyası 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 kurulumla ilgili benzer ölçütler olsa da küçük farklılıklar olabilir. Ayrıntılı bilgi için ilgili siteleri inceleyin: