Aşamalı Web Uygulamaları Nelerdir ve Birini Nasıl Yüklerim?

Aşamalı Web Uygulamaları Nelerdir ve Birini Nasıl Yüklerim?

Uygulamalar telefonunuza hükmeder. Uzun bir süre uygulamalar, masaüstünüzü veya tarayıcınızı aynı şekilde etkilemedi. Bu son yıllarda değişti. Aşamalı Web Uygulamaları (PWA'lar) giderek büyüyor ve her türden web sitesiyle etkileşimlerimizi değiştiriyor.





Peki Aşamalı Web Uygulaması tam olarak nedir? Bir PWA, bir web sitesinin yapmadığı neyi yapar? İşte Progresif Web Uygulamaları hakkında bilmeniz gerekenler.



Aşamalı Web Uygulaması Nedir?

Aşamalı Web Uygulamaları, kullanıcılara normal bir site sunan ancak yerel bir mobil uygulama olarak görünen web uygulamalarıdır. PWA'lar, her iki geliştirme alanındaki gelişmelerden tam olarak yararlanarak yerel bir mobil uygulamanın kullanılabilirliğini modern tarayıcı özellik kümesine getirmeye çalışır.





O halde bir PWA'yı ne tanımlar?

  • Evrensel : Bir PWA, tarayıcılarından bağımsız olarak her kullanıcı için sorunsuz (neredeyse) çalışmalıdır.
  • Duyarlı : PWA'lar dizüstü bilgisayarınız, tabletiniz, akıllı telefonunuz vb. herhangi bir cihazla çalışmalıdır.
  • Tasarım : tasarım, gelişmiş özellikler için basit etkileşim ile modern, bulması kolay menüler anlamına gelen yerel mobil uygulamaları taklit etmelidir.
  • Güvenli : PWA'lar, kullanıcı verilerini güvende tutmak için HTTPS kullanmalıdır.
  • Keşfedilebilir: kullanıcılar PWA'ları bulabilir ve bir uygulama (bir 'site' yerine) olarak kolayca tanımlanabilirler.
  • Nişanlanmak: bir PWA'nın, push bildirimleri gibi yerel etkileşim özelliklerine erişimi olmalıdır.
  • Güncellemeler: PWA'lar güncel kalır ve bir hizmetin veya sitenin en son sürümlerini sunar.
  • Kurulum: kullanıcıların bir uygulama mağazasına ihtiyaç duymadan PWA'yı ana ekranlarına kolayca 'yüklemelerine' olanak tanır.
  • Paylaşım: PWA'lar, herhangi bir kurulum olmadan paylaşmak için yalnızca tek bir URL gerektirir.

Gördüğünüz gibi, PWA'lar, yerel bir uygulamanın akıcı özellikleri ve arayüz tasarımı ile kullanıcılara eksiksiz bir web sitesi deneyimi sağlamayı amaçlar.



Aşamalı Bir Web Uygulaması Nasıl Çalışır?

Aşamalı Web Uygulamalarının anahtarı, tarayıcı hizmeti çalışanlarıdır.

Hizmet çalışanı, tarayıcınızın arka planında çalışan, 'bir web sayfasından ayrı olarak, bir web sayfası veya kullanıcı etkileşimi gerektirmeyen özelliklere kapı açan' bir komut dosyasıdır. Gibi servis çalışanlarını kullanabilirsiniz push bildirimleri ve arka plan senkronizasyonu şu anda, ancak yakın PWA geleceği bu komut dosyalarına daha fazla güç veriyor.



Bu nedenle, servis çalışanları neredeyse anlık sonuçlar için web önbelleğini kullanarak PWA standardının temelini oluşturur.

Servis çalışanlarından önce, go-to-tarayıcı önbelleği komut dosyası Uygulama Önbelleği (veya Uygulama Önbelleği) idi. Uygulama Önbelleği, çok çeşitli çevrimdışı öncelikli hizmetlerde bulunur, ancak bir şekilde hataya açıktı. Ayrıca, Uygulama Önbelleğinin iyi bilinen birkaç sınırlaması vardır. Ayrı Bir Liste açıklar.



Ancak geliştiriciler için asıl sorun, AppCache'in tam olarak nasıl çalıştığıyla doğrudan etkileşimin olmaması ve geliştiricilerin sorunları ortaya çıktıkça doğru bir şekilde çözmesini engellemesidir. Buna karşılık, tam çevrimdışı işlevselliğe sahip web siteleri ve hizmetler riskli bir seçimdi.

Bununla birlikte, hizmet çalışanları yalnızca eylemleri gerekli olduğu sürece devam eder. Bir PWA'da, bir şeye tıkladığınızda veya bir özelliği kullandığınızda, bir servis çalışanı harekete geçer. Hizmet çalışanı (unutmayın, bu bir komut dosyasıdır), çevrimdışı önbelleğin isteği tamamlayıp tamamlayamayacağına karar vererek olayı işler. Buradaki fikir, PWA'nın seçebileceği çok sayıda çevrimdışı önbellek olması ve çok daha geniş bir çevrimdışı işlevsellik yelpazesi sunmasıdır.

Ayrıca, önbellek yalnızca çevrimdışı hız artışları için değildir. Örneğin, bir PWA'ya gidiyorsunuz, ancak bağlantınız son derece düzensiz. Hizmet çalışanı, deneyiminizi kesintiye uğratmadan, tam işlevli bir önceki önbelleğe hizmet eder.

Aşamalı Web Uygulaması Tarayıcı Desteği

Progressive Web App kullanmak için iki gereksinim vardır: uyumlu bir tarayıcı ve PWA özellikli bir hizmet.

Öncelikle tarayıcılara bakalım. PWA tarayıcı desteğini kontrol etmek için iki seçeneğiniz vardır. Birincisi Jake Archibald'ın Servis Çalışanı Hazır mı ? Bu, büyük tarayıcıların PWA'ya hazır durumunu ve ayrıca Samsung internetini kolayca görüntüler.

PWA tarayıcı desteğine daha ayrıntılı bir genel bakış için, kontrol etmelisiniz. Kullanabilirmiyim , çeşitli web ve tarayıcı teknolojilerinin uygulamalarını tarayıcı sürümüne göre listeleme konusunda uzmanlaşmış bir web sitesi. Örneğin, arama çubuğuna 'servis çalışanları' yazarsanız, her tarayıcının PWA servis çalışanlarını uyguladığı sürüm numarasını gösteren bir tablo bulursunuz.

Hizmet Çalışanlarını Kullanabilir miyim tablosu, büyük tarayıcıların hepsinin PWA'ları desteklediğini onaylar. Ayrıca çeşitli alternatif masaüstü tarayıcıları ve mobil tarayıcılar için PWA desteklerini de gösterir.

Biraz daha parçalayarak:

  • Masaüstü tarayıcı (Tam Destek): Chrome, Firefox, Opera, Kenar, Safari
  • Masaüstü tarayıcı (Kısmi Destek/Eski Sürüm): QQ Tarayıcı, Baidu Tarayıcı
  • Mobil tarayıcı (Tam Destek): Chrome, Firefox, Safari, UC Tarayıcı, Samsung internet, Mint Tarayıcı, Wechat
  • Mobil tarayıcı (Kısmi Destek/Eski Sürüm): QQ Tarayıcı, Android Tarayıcı, Opera Mobil

Bu nedenle, büyük tarayıcıların tümü PWA'ları destekler. Microsoft Edge ve Safari, tam destek listesine en son eklenenlerdir. Tersine, hem QQ Tarayıcı hem de Baidu Tarayıcı artık eski sürümleri kullanıyor ve bu nedenle ikinci katmana düştü.

Aşamalı Web Uygulaması Nasıl Bulunur ve Yüklenir

Artık hangi tarayıcıyı kullanacağınızı bildiğinize göre, bir PWA aramayı ve yüklemeyi düşünebilirsiniz. Bu örnek için, Google Chrome ile bir Samsung Galaxy S8 kullanacağım.

Aşamalı Web Uygulamaları her yerdedir. Birçok şirket, sitelerini ve hizmetlerini Progressive Web App sürümü sunacak şekilde uyarladı. Çoğu durumda, hizmetin ana sayfasına veya mobil sitesine gittiğinizde ilk olarak bir PWA ile karşılaşırsınız. Ana Ekrana Ekle iletişim kutusu.

Ziyaret ettiğinizde neler olduğunu görmek için aşağıdaki videoyu izleyin. Twitter mobil sitesi .

Tabii ki, sayısız siteyi ziyaret etmek ve ana ekran tetikleyicisini görmeyi ummak yararlı değildir. Aslında, düpedüz zaman alıcıdır. Neyse ki, PWA'ları kataloglamaya adanmış birkaç site olduğu için bunu yapmak zorunda değilsiniz.

İlk deneme dış ağ . Sık sık görünen yeni seçeneklerle oldukça iyi bir PWA yelpazesini listeler. Ardından, pwa.rocks'u deneyin. Daha küçük bir seçime sahiptir, ancak cihazınıza eklemek isteyeceğiniz bazı kullanışlı PWA'lar vardır.

Ayrıca Ocak 2019'da Android için Chrome 72, Güvenilir Web Etkinliği (TWA) ile birlikte teslim edildi. TWA, Chrome sekmelerinin bağımsız modda açılmasına izin verir. Bu da PWA'ların Google Play uygulama mağazasında yer almasına olanak tanır. Google Play'de görünen ilk birkaç PWA, Twitter Lite , Instagram Lite ve Google Haritalar Git , zamanla daha fazla görünecek şekilde ayarlanmış.

Resim Galerisi (2 Resim) Genişletmek Genişletmek Kapat

Aşamalı Web Uygulamaları Yerel Uygulamaların Yerini Alacak mı?

Aşamalı Web Uygulamaları, tarayıcınız ve yerel bir mobil uygulama arasında mükemmel bir karma adımdır. PWA'lar yerel uygulamaları tamamen değiştirecek mi? Bu benden zor bir hayır. PWA'lar hafif bir teklif olarak harikadır, ancak şu anda ağırlıklı olarak mevcut siteleri ve hizmetleri çoğaltmaya odaklandıkları göz önüne alındığında, yerel uygulamaların yerini almayacaklardır.

En azından şimdilik değil.

Android'de kayıtlı wifi şifresi nasıl görüntülenir

Yine de PWA'lar işe yarıyor. PWA İstatistiklerinde bulunan veriler de bunu destekliyor. PWA'ların yaygın olarak kullanılan web siteleriyle etkileşimlerimizi nasıl değiştirdiğini gösteren birkaç ilginç sayı:

  • Trivago, PWA'larını ana ekrana ekleyen kullanıcılar için yüzde 150 etkileşim artışı gördü.
  • Forbes'un PWA ana sayfası yalnızca 0,8 saniyede tamamen yüklenirken, ziyaret başına gösterimler yüzde 10 arttı. Forbes'un PWA'sı ayrıca kullanıcı oturum sürelerinin iki katına çıktığını gördü.
  • Twitter Lite, tweet'lerde yüzde 75'lik büyük bir artışla oturum başına sayfalarda yüzde 65'lik bir artış gördü. Aynı zamanda '3G üzerinden 5 saniyeden daha kısa sürede' etkileşimlidir.
  • Alibaba, mobil dönüşümlerde yüzde 76 artış gördü.

PWA'lar henüz ana akım değil. Ancak, cihazınızda yerden tasarruf etmek gibi sağladıkları çok çeşitli avantajlar sayesinde, gelecekte bunları daha çok duyacaksınız.

Paylaş Paylaş Cıvıldamak E-posta Konuşmayı Canlandırmak İçin Yeni Başlayanlar Kılavuzu

Konuşmayı canlandırmak zor olabilir. Projenize diyalog eklemeye hazırsanız, süreci sizin için özetleyeceğiz.

Sonrakini Oku İlgili konular Yazar hakkında Gavin Phillips(945 Makale Yayınlandı)

Gavin, Windows ve Teknoloji Açıklaması için Junior Editör, Gerçekten Faydalı Podcast'e düzenli olarak katkıda bulunan ve düzenli bir ürün incelemecisidir. Devon tepelerinden yağmalanan Dijital Sanat Uygulamaları ile Çağdaş Yazma (Hons) lisans derecesine ve on yılı aşkın profesyonel yazma deneyimine sahiptir. Bol miktarda çay, masa oyunları ve futboldan hoşlanır.

Gavin Phillips'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın