Aşamalı web uygulamaları mobil geliştirmenin geleceği mi?
Yazar | Faisal Choura
Çevirmen | Crescent Moon, Baş Editör | Tu Min
Aşağıdaki çeviridir:
Yerel ve çevrimdışı mobil uygulamalar oluşturmak için kullanılabilecek iki ana yol vardır: mobil işletim sisteminin yerel programlama dilini kullanarak yerel geliştirme; React Native, Ionic, Xamarin ve diğer teknolojileri kullanarak hibrit mobil geliştirme.
Ancak, bu yöntemlerin her ikisi de Google veya Apple App Store üzerinden uygulama yayınlamayı gerektirir.
Şu anda PWA'yı düşüneceğiz. Paketleri çok küçüktür, yerel uygulamalar gibi çalışabilir, Web'e dağıtılabilir ve mobil masaüstüne kolayca eklenebilir.
PWA nedir?
Aşamalı Web Uygulaması (Aşamalı Web Uygulama Lisanslama, kısaca PWA) yaygın web teknolojileri (HTML, CSS ve JavaScript) kullanılarak oluşturulmuş bir uygulamadır.Dağıtım yöntemi diğer web uygulamalarıyla aynıdır ve aynı zamanda yerel işlevlere sahiptir.
Google tarafından tanımlanan PWA aşağıdaki özelliklere sahiptir:
-
Güvenilir: İnternet bağlantısı zayıf olduğunda veya İnternet olmadığında bile hızlı bir şekilde yüklenebilir, çünkü web sayfası 3 saniye içinde yüklenemezse, kullanıcıların yarısından fazlası siteyi terk eder. İnternet bağlantısı olmadığında, PWA, Web sunucusuna bağımlılığı ortadan kaldırmak için Service Worker'ı kullanacaktır.
-
Hızlı: pürüzsüz animasyon ve etkileşimli efektler, uygulama yerel bir deneyime sahiptir. (Beceriksiz web sayfası kaydırma yok.)
-
Katılım: Yerel cihazların kullanıcı deneyimine mümkün olduğunca yakın olmalıdır. Bu, en azından tam ekranda çalışabileceği (telefon masaüstüne eklenmişse) ve bildirimleri işleyebileceği (iOS henüz desteklenmiyor) anlamına gelir.
Hizmet Çalışanı
Hizmet Çalışanları, tarayıcının arka planda çalıştırdığı JavaScript dosyalarıdır. Esas olarak Web sunucuları için bir proxy olarak kullanılır. Bu, tarayıcının sabit bir internet bağlantısına sahip olmaması durumunda, hizmet çalışanın isteği yerine getireceği anlamına gelir.
Bu nedenle, Service Worker Web sunucusunun çalışmasını taklit edebilir, ancak verilerin tümü önbellekten gelir, bu nedenle çevrimdışı modda çalışabilir.
Hizmet Çalışanları, push bildirimleri gibi web sayfaları veya kullanıcı etkileşimi gerektirmeyen özellikler oluşturmak için de kullanılabilir.
Hizmet Çalışanları hala gelişiyor ve gelecekte, kullanıcıların yerel bir deneyimin keyfini çıkarmasını sağlamak için coğrafi konumlandırma gibi yeni özelliklere sahip olabilirler.
Sayılar kelimelerden daha yüksek sesle konuşur
Artık PWA hakkında kesin bir anlayışa sahip olduğumuza göre, PWA'nın mobil geliştirme endüstrisinde neden önemli bir rol oynadığına bir göz atalım. Önce bazı istatistiklere bakalım (Kasım 2019).
Küresel mobil işletim sistemi pazar payı:
Android sürümünün pazar payı:
İOS sürümünün pazar payı:
Bu grafiklerden de görülebileceği gibi Android, küresel mobil işletim sistemi pazar payının% 75'inden fazlasını işgal ederken, iOS% 23'lük bir paya sahip. Ayrıca iOS telefonların yaklaşık% 75'inin 12.4'ü çalıştırdığını ve Android telefonların% 70'inden fazlasının Android 8'den daha yüksek bir sürüm çalıştırdığını görebiliriz.
Bu istatistiklerin arkasındaki sebep, bu işletim sistemlerinin güçlü cep telefonlarında çalışmasıdır. iOS 12.42019'da, Android 8 ise 2017'de piyasaya sürüldü, bu da bu işletim sistemlerini çalıştıran telefonların çok hızlı çalıştığı anlamına geliyor.
Nispeten eski veya düşük kaliteli telefonlarda bile yaklaşık 2GB RAM ve Snapdragon işlemciler bulunur. Bu telefonlar Artı Google Chrome tarayıcısı, PWA'yı yerel geliştirme olmadan çalıştırabilir.
Bu nedenle, yeni iPhone / Android telefonlar PWA'yı kolayca çalıştırabilir ve yerel uygulamalara benzer bir kullanıcı deneyimi sağlayabilir.
Bu, çok fazla grafik özelliği ve animasyon gerektiren uygulamaları içermez (hepimiz PWA'nın oyun geliştirme için olmadığını biliyoruz).
iOS ve PWA?
Yukarıda da belirtildiği gibi, Apple cep telefonu pazar payının% 20'sinden fazlasına sahip ... Sadece Avrupa ve Kuzey Amerika'ya bakarsak, bu pay daha da yükselecek ve bu cep telefonlarının PWA için desteği çok yavaş ilerliyor.
İOS 11.3 ve üzeri sürümler PWA'yı desteklese de, bu, diğer tarayıcılara (özellikle Chrome) kıyasla PWA'nın tam olarak desteklendiği anlamına gelmez. Son sürümlerde, özellikle iOS 13'te bu destek daha iyi.
İOS hala push bildirimleri ve arka plan senkronizasyonu gibi önemli işlevleri desteklemese de, bu Apple'ın PWA'ya karşı olduğu anlamına mı geliyor? Hayır, öyle düşünmüyorum, sadece stratejilerinin PWA fikrini tam olarak destekleyemeyeceğine inanıyorum.
İOS'un her sürümünde yapılan iyileştirmeler, Apple'ın daha fazla destek eklemesi gerektiğini kabul ettiğini gösteriyor ve bu sadece an meselesi.
2017 sonunda yapılan bir araştırmaya göre, kullanıcılar zamanlarının% 97'sini 10 uygulamada geçiriyor ve en çok ziyaret edilen mobil web sitesinde mobil uygulamalardan 8 milyon daha fazla kullanıcı var.
Google'ın liderliğinde Microsoft, Outlook'un PWA sürümünü başlattı ve Chromium tabanlı Edge tarayıcısını oluşturdu. Apple'ın iOS'unun da (sonunda) bu eğilimi izleyeceğine inanıyorum.
Ön uç çerçeve
En yeni ön uç çerçevelerin (Vue, Angular, React, vb.) Yardımıyla, PWA'nın yapımı büyük ölçüde basitleştirildi.
Süper hızlı render işlevlerine sahipler, geçişler ve animasyonlar çok pürüzsüz görünüyor ve Ionic gibi çerçevelerin yardımıyla uygulamalar, yerel uygulamaların görünümünü ve deneyimini daha kolay elde edebilir.
Bazı çerçeveler PWA geliştirme için şablonlar sunmuştur. PWA inşa etme teknolojisi olgunlaştı. Bir sonraki adım, tarayıcı satıcısı ile bir fikir birliğine varmaktır.
PWA'dan yararlanan şirketler
Pek çok şirket, kullanıcıların bir web tarayıcısı aracılığıyla mobil uygulama hizmetlerine erişmesini kolaylaştırmak için yerel uygulamaları için PWA'lar oluşturuyor.
İşte bu yönde ilerleyen bazı firmalar.
Tinder
PWA'yı oluşturduktan sonra, sayfa yükleme süresini 11.91 saniyeden 4.69 saniyeye sıkıştırdılar, çünkü PWA yerel Android uygulamasından% 90 daha küçük. Sonunda PWA kullanıcılarının katılımını artırdılar.
Trivago
PWA'yı mobil masaüstüne ekledikten sonra, Trivago kullanıcılarının sayısı% 150 arttı.
Çevrimdışı desteğin yardımıyla, kullanıcılar İnternet bağlantısı olmasa bile konuşmalarına devam edebilir ve kullanıcıların% 67'si bir ağ bağlantısı kazandıktan sonra PWA kullanmaya devam edebilir. Sonunda, otel indirim bağlantılarına yapılan tıklama sayısı% 97 arttı.
Pinterest, mobil web sitesini önceki iki şirket gibi PWA'ya yükselttikten sonra, temel kullanıcı katılımı% 60 arttı.
Ayrıca kullanıcıların sitede geçirdiği süre% 40, reklam gelirleri ise% 44 arttı.
Uber
Uber'in ana hedeflerinden biri, hizmetlerini kullanmaları için mümkün olduğunca çok insanı çekmektir. Bu, daha yavaş ağ bağlantılarına (2G) sahip kişileri de barındırmaları gerektiği anlamına gelir.
Çekirdek uygulamanın toplam boyutu 50K'ya sıkıştırıldığı için, PWA 2G'leri 3 saniyede yüklenebilir.
Google, Microsoft, Twitter, Forbes ve diğer şirketler PWA'yı benimsedi. PWA'nın, kullanıcıların hizmetlere daha kolay erişmesine yardımcı olabileceğine ve dolayısıyla kullanıcı katılımını artırabileceğine dair göstergeler vardır.
sonuç olarak
PWA bir süredir piyasaya sürüldü, ancak popülerliği temel olarak güçlü cep telefonları ve Google ve Microsoft gibi birçok büyük şirketin desteği nedeniyle arttı.
Zaman geçtikçe, PWA giderek daha popüler hale gelecek ve işlevleri gittikçe daha güçlü hale gelecek.Apple'ın iOS'u tarafından tam olarak desteklendikten sonra, PWA mobil uygulamalar oluşturmanın ana yolu haline gelecektir.
Orijinal: https: // orta .com / daha iyi programlama / pwas-the-Future-of mobile-development-1acb85d7db60
Bu makale bir CSDN çevirisidir, lütfen yeniden basımın kaynağını belirtin.
