PWA Kurulum ve Çevrimdışı Önbellek: Gizlilik Odaklı Tasarım Rehberi

Kurulabilir web uygulaması ne sağlar?

Bir PWA, ayrı bir mağaza paketi olmadan tarayıcıdan kurulabilir; desteklenen platformlarda başlatıcıda simge, uygulama aramasında sonuç ve bağımsız pencere kazanabilir. Kurulum siteyi yerel bir masaüstü programına dönüştürmez: kod yine web origin'inden gelir, tarayıcı güvenlik modeli ve izinleri geçerlidir.

Web App Manifest; ad, simge, başlangıç URL'si, scope ve display gibi kurulu deneyimi tanımlar. Kullanıcıya kurulum faydasını açıklamak gerekir; kurulum istemini zorlamak, sayfa açılır açılmaz göstermek veya kapatmayı zorlaştırmak kullanıcı kontrolünü zedeler.

• Kurulumu açık bir kullanıcı eylemiyle başlatın.
• Tarayıcı menüsü ve iOS ana ekran adımlarını ayrıca açıklayın.
• Standalone görünümde de gezinme ve geri dönüş yolunu koruyun.
• Kurulumun hesap veya ek veri paylaşımı gerektirmediğini doğru biçimde belirtin.

Service worker bir ağ vekilidir

Service worker sayfa, tarayıcı ve ağ arasında çalışan olay tabanlı bir katmandır. İstekleri yakalayabilir, önbellekten yanıt verebilir ve çevrimdışı bir geri dönüş sayfası sunabilir. Bu güç nedeniyle HTTPS gibi güvenli bağlamda çalışır ve cache kapsamı açıkça tasarlanmalıdır.

Install aşamasında küçük bir uygulama kabuğunu önbelleğe almak; activate aşamasında eski sürümleri silmek; fetch aşamasında ise yalnızca amaçlanan istek türlerine müdahale etmek öngörülebilir bir temel oluşturur. Her URL'yi koşulsuz cache-first yapmak güncellik, depolama ve gizlilik sorunları yaratabilir.

Gizlilik sınırı: girdi ile uygulama kabuğunu ayırın

Statik CSS, JavaScript, logo ve çevrimdışı sayfa uygulama kabuğudur. Araç metni, yüklenen dosya, oluşturulan çıktı, URL sorgu parametresi ve form gövdesi kullanıcı verisidir. Gizlilik odaklı bir PWA bu iki sınıfı aynı cache politikasına sokmamalıdır.

Gezinme URL'sindeki sorgu dizgesi hassas bir değer içerebilir. Çevrimdışı sayfa cache'leniyorsa anahtar olarak yalnızca izin verilen pathname kullanılmalı; araç girdileri localStorage, IndexedDB veya Cache API'ye yazılmamalıdır. Tarayıcı önbelleğinin cihazı kullanan diğer kişilerce erişilebileceği varsayımıyla en az veri ilkesi uygulanmalıdır.

• Yalnızca aynı origin ve GET isteklerini değerlendirin.
• Navigation cache anahtarından sorgu dizgesini çıkarın.
• Form POST, Blob çıktı ve kullanıcı dosyasını cache'lemeyin.
• Önbellek sürümünü değiştirip eski cache'leri temizleyin.

Yayın öncesi PWA test matrisi

Manifest JSON'unu parse edin; name, short_name, start_url, scope, display ve maskable simgeyi doğrulayın. Kurulumun masaüstü Chromium, Android ve iOS'ta farklı sunulduğunu kabul edin; özel buton yoksa tarayıcı menüsü için anlaşılır talimat göstermelidir.

Üretim HTTPS ortamında service worker kaydını, ilk ziyaret ve yenileme davranışını, yeni sürüm aktivasyonunu ve çevrimdışı geri dönüşü test edin. Cache Storage içinde araç girdisi veya sorgu dizgeli gezinme anahtarı bulunmadığını ayrıca denetleyin. Çevrimdışı erişim kolaylıktır; güncel veya doğrulanmış çıktı garantisi değildir.