Mobil cihazlarınız ile web sitelerinde dolaşırken ekranda birden beliren ana ekrana ekle bildirimi sizi şaşırtmış olabilir. Ana ekrana ekle butonuna bastığınızda mobil cihazınızın ana ekranına sanki Google play den yeni bir uygulama indirmişsiniz gibi site eklenir. Ve site bir mobil uygulama gibi çalışır. Bunun nasıl olduğunu merak ediyorsanız söyleyelim; PWA yani Progressive Web App.
Progressive Web App nedir nasıl çalışır?
Progressive Web App, mobil internet tarayıcısı üzerinden uygulama deneyimine sağlayan web yaklaşımıdır. Sadece Android telefonunuz varsa pwa dan yararlanabilirsiniz ne yazık ki ios henüz pwa desteğini sağlamamaktadır. Progressive Web App çalışma mantığı siteye girdiğiniz an bu siteyi telefonunun ana ekranına eklemek isteyip istemediğinizi sorar. Ana ekrana ekle dediğiniz anda sitenin ikonu ana ekrane eklenir ve site artık mobil uygulama gibi çalışmaya başlar. Böylece pwa ile ekstra (Android) native uygulama geliştirmenize gerek kalmaz. Native uygulamalar daha iyi değil mi? diye bir soru sorabilirsiniz fakat mobil uygulamaları yüklerken karşılaştığımız yetersiz hafıza sorunu ile karşılaşmazsınız. Service Worker ile yavaş internet olmasına karşın hızlıca yüklenebilir. Bu özelliklerin yanı sıra bildirim gönderme, splash screen veya full screen gösterimi gibi birçok özelliği mevcuttur.
Web sitenizin tarayıcı tarafından PWA olarak algılanması için, uygulamanızın özel bir manifest dosyasına ihtiyacı vardır. Yani ayarların bulunduğu ayar dosyasıdır. Örneğin uygulamanın adı, ikonu, arka plan rengi gibi. Manifest dosyanızı yazdıktan sonra HTML içeriğinde <link rel="manifest" href="/manifest.json"> etiket ekleyin artık uygulamanız tarayıcı tarafından bir PWA olarak algılanacaktır. Elbette sadece bu dosyayı eklemek uygulamayı pwa olarak çalıştırmaz. Manifest dosyasının amacı tarayıcıya pwa olduğunu bildirmektir. Uygulamanızın HTTPS üzerinden çalışması, tüm sayfalarınızın responsive tasarıma sahip olması gerekmektedir.
Pwa geliştirmek için herhangi bir kütüphaneye ihtiyacınız yok. HTML CSS VE JAVASCRİPT ile PWA uygulamaları geliştirebilirsiniz.
Önümüzdeki yıllarda play store gibi uygulama marketleri kalkacak ve pwa uygulamaları ön plana geçecektir. Hem telefon hafızasından tasarruf edilecek hem de tek seferde web sitesi ve uygulaması var olacaktır. Trunçgil Teknoloji tarafından yapılmış olan bazı PWA uygulamalı şu şekildedir:
App.gaziantepakk.com
https://buyukbesekirtasiye.com/
almacipazari.com.tr