Progressive Web Uygulamaları - Modern Web'in Geleceği?
Bu günlerde Progressive Web Apps (PWA), özellikle şaşırtıcı kullanılabilirliklerinden ve benzersiz kullanıcı deneyimlerinden dolayı kentin konuşmasıdır. Web sitelerinin ve yerel uygulamaların birleştirilmiş özellikleri ile PWA'lar, çok cihazlı web uygulamaları için bir norm haline geliyor geliştiricilerin hızlı yükleme yapan dinamik uygulamalar oluşturmalarına izin verme karma çerçeveler kullanmadan.
Progressive Web Apps olduğuna inanıyorum web sitelerinin geleceği - ve takip eden yazımda faydalarını tartışacağım ve size bütün resmi vermek için vakaları kullanacağım. Hadi devam edelim.
Progressive Web Uygulamaları Nedir??
Dönem “Progressive Web Uygulamaları” ilk olarak Google Chrome'un geliştiricisi olan Alex Rusell ve bir tasarımcı olan Frances Berriman tarafından icat edildi. Alex, Progressive Web Apps hakkındaki fikrini paylaştı. “Bu uygulamalar paketlenmemiş ve mağazalar arasında dağıtılmamış, sadece tüm doğru vitaminleri alan web siteleri“.
“Size bildirim göndermek veya ana ekranınızda olmak isteyen siteler, bunları kullandıkça zaman içinde bu hakkı kazanmak zorundadır. Aşamalı hale gelirler “uygulamaların”“, Alex'e PWA'nın uygulaması hakkında yazdı. Sonunda, o sonuçlandı, “bu uygulamalar bir çift sağlayabilir geleneksel web uygulamalarından daha iyi kullanıcı deneyimi“.
Web Uygulamaları - Progressive Web Uygulamaları
Web uygulamaları veya geleneksel web uygulamaları, istemci tarafında çalışan uygulamalar doğrudan bir web tarayıcısında çalıştır. Web sitelerinden daha iyi olmalarına rağmen henüz sorunları var. Web uygulamaları ve siteler arasındaki farkı bilmiyorsanız, web uygulamaları yerel uygulamalar gibi göründüğü ve hissettiği için web uygulamaları web sitelerinden farklıdır.
Olduğu söyleniyor, Progressive Web Apps gelecek nesil web uygulamaları Bu, cihazın yerel donanımlarını kullanarak daha çok yerel uygulamalar gibi çalışır. Örneğin, Progressive Web Uygulamaları yerel özellikleri kullan kamera gibi, işaretçiler vb. gibi çevrimdışı önbellek, push bildirimleri, vb.
Progressive Web Uygulamalarına neden ihtiyacımız var??
Bir yandan, yavaş bağlantı veya bağlantı olmaması gibi en kötü durumlarda bile inanılmaz derecede hızlı ve güvenilir olan yerel uygulamalarımız var. Ancak, daha sonra yavaş olan ve hiçbir ağ koşulunda iyi çalışmayan web sitelerimiz ve web uygulamalarımız var. Bu yüzden çoğu insan yerel uygulamaları tercih et.
Google tarafından teşvik edilen bir proje olan Hızlandırılmış Mobil Sayfalar (AMP) 2016’da yavaş bağlantı sorunlarını çözme, özellikle akıllı telefonlarda ve mobil kullanıcılara daha iyi bir kullanıcı deneyimi sunar. Ancak, AMP hiçbir ağ sorununun sorunlarını çözmez. Ayrıca, yükleme süresini yerel uygulamalar kadar hızlandırmaz ve yine bu hızı elde etmek için birkaç sınırlama vardır..
Bu nedenle Progressive Web Uygulamalarına ihtiyacımız var. PWA'lar sağlamak ağda ya da ağda mümkün olmayan en iyi kullanıcı deneyimi koşullar. Örneğin, PWA, içeriği yüklerken bir ilerleme ekranı veya sırasıyla web bağlantısı olmadığında bir açılış ekranı gösterebilir..
Progressive Web Uygulamaları Neden Anlamlı??
ComScore'un 2017 ABD Mobil Uygulama Raporu tarafından belirtildiği gibi, uygulama kullanıcıları neredeyse harcıyor İlk üç uygulamasında zamanlarının yüzde 77'si, uygulamalar geri kalanı boş kalır ancak yine de bellek dahil sistem kaynaklarını engeller. Dahası, paylaşıyor ki Kullanıcıların yüzde 50'si ayda sıfır uygulama indiriyor. Bu gerçek, kullanıcıların yeni uygulamalar yüklemek için tereddüt ettiklerini ve PWA’nın bir avantajının olduğunu gösteriyor.
İnsanları çoğunlukla masaüstünde web siteleri için kullanıyorum ama mobil cihazlarda uygulamaları tercih et (tabii yerel uygulamalar). Bunun nedeni, bilgisayarlar akıllı telefonlardan çok daha fazla ağ kaynağı sunuyor ve uygulamalar, benzer sitelerden daha az kaynak tüketiyor. Ayrıca hızlı ve güvenilirdirler.
Dahası, yerel uygulamalar web sitesine göre çok daha pahalı - projenin türüne bağlı olarak beş ila on kat veya daha fazla. Ayrıca, farklı kod tabanlarına sahip birden fazla platform için yerel uygulamalar (örneğin, Android ve iOS) geliştirmeye ihtiyaç duyulursa maliyetleri artabilir. Ancak, PWA yardımcı olabilir böyle yüksek geliştirme maliyetlerini en aza indir, Çeşitli platformlara verdiği destek sayesinde.
Progressive Web Apps özellikleri
Progressive Web Uygulamaları, onları basit meslektaşlarından, yani web uygulamalarından (veya daha basit olanlardan web sitelerinden) farklı kılan birçok doğrudan özelliğe sahiptir:
- duyarlı. Herhangi bir ekran boyutunda tüm cihazlarda çalışın.
- Çevrim-ilk. Hem yavaş hem de ağsız olarak yükleyin.
- App benzeri hissediyorum. Yerel bir uygulama gibi görün ve etkileşimde bulun.
- Güncel. Neredeyse şeffaf bir şekilde kendi başlarına güncelleme.
- Güvenli ve güvenli. Sayfa kaynaklarını yüklemek için HTTPS kullanın.
- keşfedilebilir. Arama motorlarına boşuna içerik.
- Yeniden birleşebilen. Yeniden bağlan, bildirimleri kullanarak söyle.
- kurulabilir. Ana ekranınıza yerleştirilebilir.
- Linkable. Uygulamaya benzer sayfaları yükleyin, ancak URL’leri ekleyin.
İlginç bulduğum şey şu ki, Progressive Web Apps yalnızca yerel uygulamalar gibi görünmüyor ve aynı zamanda cihazın yerel özelliklerine erişim. Bu, PWA'nın cihazınızın kamerasını kullanarak sizi yakalayabileceği anlamına gelir. Ancak, konum, telefon veya SMS gibi sınırlı özelliklere erişemediğini paylaşmalıyım..
Not: Bu yazının özellikleri ve diğer detayları hakkında daha fazla bilgi edinebilirsiniz..
Aşamalı Web Uygulamaları Oluşturma?
Google bir sağlar “Progressive Web App Kontrol Listesi” - yeni başlayanların Progressive Web Apps oluşturmasına yardımcı olacak ayrıntılı bir liste. Bu rehber olmayan liste PWA'lar oluşturmak için gerekli özellikler - bir “Temel PWA” ve bir “Örnek PWA”; eski, temel bir uygulama için önemli şeyleri ve ileri bir uygulama için ikincisini listeler.
Ayrıca, bir PWA inşa etmenize yardımcı olacak çeşitli araçlar vardır. Örneğin, Deniz Feneri ücretsiz, açık kaynaklıdır web sayfasını geliştirmek için bir araç erişilebilirlik, performans ve PWA özellikleri için kalite kontrolleri dahil. Bir diğer özellikli araç ise aşağıdakilere yardımcı olan Workbox'tır. çevrimdışı ilk deneyime sahip uygulamalar oluşturun.
Progressive Web Uygulamaları gelecek mi?
Progressive Web Uygulamaları tüm uygulama sorunlarımızı çözmeyebilir veya yakın gelecekte yerel uygulamaların yerini almasa da, bunun sayesinde önemli bir rol oynayacağına inanıyorum. sınırlılıklarından çok daha fazla yararları. Ve PWA'ları desteklemeye başlayan hemen hemen her büyük platformla, onları her yerde göremeyeceğiz..
Apple, Beacon API, Servis Çalışanları, Web Uygulama Manifeti, vb. Dahil olmak üzere Safari 11.1'de PWA özelliklerini (Web API'leri) tanıttı; böylece PWA'ları yakında olmasa da iOS'a getirmek. Google, Android için Chrome'da PWA'ları zaten destekledi ve masaüstü platformlarına da getirmeyi planlıyor. Microsoft ayrıca Microsoft Edge'deki PWA'lar için destek ekledi ve bunları Microsoft Mağazasında da listeleyecek..
Ne düşünüyorsun - Progressive Web Apps geleceği nedir? Yanıtınızı bırakmak için doğrudan @aksinghnet adresinden bana bildirin veya aşağıdaki yorumlar bölümünden bir yorum yazın.
