Fm pwa 1

Progressive Web App Dünyasına Giriş: Manifest

3
butch

Progressive Web App (PWA), Google'ın günümüz web uygulamalarının iyi birer mobil uygulamaya dönüşebilmesi için önerdiği özellikler çerçevesinde ortaya çıkan bir kavram. Tarihsel olarak Responsive Web'den sonra ortaya çıkan gelişme olarak anılacak ve görünen o ki web dünyasında bir büyük değişime daha tanıklık etmemize sebep olacak.

Bir PWA'nın temelde sahip olması gereken özellikler bu adreste listelenmiş. Altyapınızın ihtiyaçları ne kadar karşıladığını öğrenmek için Chrome Lighthouse eklentisini kullanabilirsiniz.

Sitenizin https üzerinde sunulduğu ve mobil uyumlu olduğu varsayımıyla PWA'a ilk adımı manifest tanımlayarak atalım. Bunu yapıp, web sitenizi web tarayıcısından "Ana Ekrana Ekle" dediğinizde olacaklar sitenizin native bir uygulama gibi görünmesini sağlayacak.

Haydi başlayalım.

Manifest

Tek yapmanız gereken sitenizinin altından ulaşabileceğiniz bir manifest.json dosyası oluşturmak ve bunu bir link tag'i ile ulaşılabilir kılmak.

https://fazlamesai.net/manifest.json adresinden ulaşabileceğiniz örnekte de görebileceğiniz gibi bir dosyayı oluşturup,

<link rel="manifest" href="/manifest.json">

gibi bir link tag'i ile adreslemek.

Manifest İçerik

{
  "name": "Fazlamesai.net",
  "short_name": "FM",
  "icons": [{
        "src": "fm_144.png",
        "type": "image/png",
        "sizes": "144x144"
      }, {
        "src": "fm_192.png",
        "type": "image/png",
        "sizes": "192x192"
      }],
  "start_url": "/",
  "display": "browser",
  "background_color": "#ffffff",
  "theme_color": "#e65100"
}
  • name: Uygulamanın adı. Splash(ön yükleme) ekranında görünecek.
  • short_name: Uygulamamanın kısa adı.
  • icons: Uygulama ikonları (Splash ekranında da görünecek). Yukarıdaki örnekler temel Android ve iOS ihtiyaçlarına yönelik.
  • start_url: Uygulamanın ilk açacağı url.
  • display: standalone ve browser seçenekleri bulunuyor. standalone senaryosunda bir adres çubuğunuz olmuyor.
  • background_color: Splash ekranı arka plan rengi. Uygulama açılana kadar görüntülenecek.
  • theme_color: Tema rengi. Araç çubuğu rengini belirliyor.

PWA'ya basit bir giriş yapmış olduk. Bir sonraki aşama Service Workers. Bu teknoloji ile uygulamanızın offline durumdaki davranışını ele alan bir yazı için beklemede kalın.

Görüşler

0
tongucyumruk

Progressive Web Apps Google basta olmak uzere pek cok sirketin son dönemde en cok yayginlastirmaya calistigi teknoloji. Tabi ki hedef belli: Dunyanin kolay ulasilamayan bölgelerinde yasayan, internet baglantisi kesintili/yavas milyarlarca kullanicinin web ekosistemine dahil edilmesi. Bunun icin anahtar kelimelerden biri: Offline first.

Tabi ki ne Google ne de diger sirketler bunu hayrina veya insanligin iyiligi icin istemiyorlar. Hedef yeni ve cok genis bir markete ulasmak, ama bunu yaparken insanlarin hayati kolaylastiran pek cok servise de ulasmasini saglayarak hayat kalitesini artirmis oluyorlar1.


  1. Tabi ki Google, Facebook gibi sirketlerin hayat kalitemizi nasil etkiledigi, hayatimizi guzel mi yoksa karmasik mi kildigi baska bir tartisma konusu 

1
butch

Bu yazının devamını getiremedim henüz ama Safari'ye 11.1 sürümü ile service workers desteği geldiği bilgisini paylaşayım.

Görüş belirtmek için giriş yapın...

İlgili Yazılar

Google'a kopya haber davası

Soulblighter

Fransız haber ajansı AFP, kendi haberlerini telif hakkı ödemeden internette yayınladığı iddiasıyla Google News'a dava açtı.

Washington'da açılan davada AFP, Google'dan 17.5 milyon dolar tazminat talep ediyor. İnternette haber dolaşımının önüne hukuki engeller koyması beklenen davanın, gelecekte telifli haberlerin korunmasına yönelik yeni şartlar getireceği düşünülüyor.

Goobuntu : Google işletim sistemi geliyor!

darkhunter

Dün, The Register ve /. a düşen haberlere göre Google'ın işletim sistemi göründü!

Konuşulanlar henüz spekülasyon değerinde olsa da genel olarak, Google'ın geçtiğimiz günlerde duyurduğu, Google Pack'i Ubuntu'ya uyarlaması beklentisi söz konusu (özellikle bu yazılımların Google tarafından geliştirilenleri)...

Tabii en önemlisi, Google'ın Ubuntu temelli bir dağıtım ile Özgür Yazılım ekosistemine yapacağı katkı...

2GB+ : Gmail rakiplerine meydan okudu

xelon

Gmail halihazırda 1GB olan e-posta alanını ikiye katladı. Yahoo Inc. 'inde kısa zaman içinde 1GB'ye transfer olacağı düşünülürse e-posta şirketleri arasındaki rekabet iyice kızışacağa benziyor.

Google'dan nefret etmek için 25 sebep ya da arama motorları neden yalar söyler

gismo

Google microsoft dışında da birilerinin tepesini fena attırmış. Danny Sullivan amca burda neden google'dan nefret ettiğini sıralıyor.

Google Summer of Code 2006

SHiBuMi

2006 yılının Google Summer of Code etkinliği hazırlıkları başladı. 2005 yılında 8744 başvurunun olduğu ve 419'unun kabul edildiği, başarı oranının %80'in üstünde olduğu etkinlikte başarılı olan kişilere 4500$ ve bir adet t-shirt verilmişti.

Henüz koçluk yapacak organizasyonların katılımının devam ettiği etkinliğe 1 Mayıs'tan itibaren öğrenciler başvurabiliyor olacak.

Etkinlik sitesini ziyaret etmek ve gelişmeleri takip etmek için web adresi: http://code.google.com/soc/

Not: Henüz listede yok ancak Zend ve PHP de listede yer alıyor olacak, PHP geliştiricilerine duyurulur.