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 Android işletim sistemli Asus EeePC

anonim

Google'un Android işletim sistemi sonunda Netbook sahasına da gözünü dikti. Önceleri sadece mobil cihazlar için düşünülen Android, payını arttırmak istiyor. Asus EeePC'ler üzerinde yapılan testler başarılı olursa ki çok büyük ihtimalle öyle görünüyor, yaz sonlarına doğru üzerinde hazır Android yüklü EeePC'leri piyasada görebileceğiz. Google ile Microsoft arasındaki rekabet işletim sistemi pazarında da kızışacak gibi görünüyor.

Go 1.8 ile milisaniyeden kısa süren çöp toplamalar

tongucyumruk

Google'ın 2010 yılında, tam da biz çıkarıldığı günü gönül rahatlığıyla kutlayamayalım diye 10 Kasım'da duyurduğu programlama dili Go, bu sıralar yazılım geliştirme dünyasını ciddi biçimde sallıyor.

Generic'lerin eksikliği, hata yakalama konusundaki pek çok insana itici gelen yöntemleri gibi sebeplerle Go çok tartışılan bir dil olsa da herkesin kabul ettiği bir yönü var: Performans!...

Büyük SSL Göçü Başlıyor mu?

tongucyumruk

Google CA/Browser Forum gereksinimlerini yerine getirmemesi sebebiyle Symantec PKI altyapısını güvenilen sertifikalar listesinden çıkarmaya karar verdi. Bu durum SSL dünyasında bolca kullanılan Thawte, VeriSign, Equifax, GeoTrust, ve RapidSSL gibi Symantec'e bağlı SSL sağlayıcıları tarafından üretilen sertifikaların geçerliliğini yitirmesi anlamına geliyor.

Google Güvenlik blogunda yapilan...

SPeeDY

parsifal

Http protokolü ile yetinmiyen Google web'i daha hızlı getirmenin yollarında SPDY protokolü ile karşımızda...
SPDY ile Google;
- Tek bir TCP bağlantı üzerinden birden çok HTTP isteği,
- Lüzumsuz headerları kaldırıp kalanları sıkıştırmak,
- SSL'i temel protokol olarak kullanmak,
- Sayfa yüklemelerini %50 oranında azaltma gibi pek çok yeniliği hedefliyor.

Çin işi Google!

anonim

Google her zaman iyi haberler verecek değil ya, bu Google haberi de sahip olduğu avantajları kamu zararına ama kendi bütçesi yarına kullanan Google ile ilgili.