Aşamalı Web Uygulamalarının (PWA'lar) Giriş ve Çıkışlarını Keşfedin

Kanmayın – progresif web uygulamaları, hızlı bir makale okuduktan sonra arkadaşlarınızla hakkında eğitimli bir konuşma yapamayacağınız çılgın yeni teknolojiler değildir.

Esasen süslü bir adla modernize edilmiş web uygulamalarıdır (teşekkürler, Google Chrome).

Ancak yine de, birçok kuruluşun bir PWA'nın kendi ihtiyaçları için daha uygun olduğuna karar vermesinin nedenlerine uyanın. Yerel bir uygulamaya kıyasla bir PWA oluşturmak, pazarlamak ve bakımını yapmak sadece daha ucuz olmakla kalmaz, aynı zamanda müşterilerin tercih ettiği şey olabilir.

Müşterilerinize, yalnızca bir sonraki otel rezervasyonlarını veya kiralık bir arabayı rezerve etmek için uygulama mağazasına yönlendirilmek isteyip istemediklerini sordunuz mu? Belki bu başka bir gün için bir konuşmadır...

Aşamalı bir web uygulaması nedir?

Yerel bir uygulamaya veya geleneksel bir web uygulamasına karşı aşamalı bir web uygulaması oluşturmaya yönelik kullanım örneklerini anlamaya başlamadan önce, temel bilgileri ele aldığımızdan emin olalım.

Her şeyden önce, ilerici web uygulamaları hakkında bilgi sahibi olmalısınız çünkü onlar geleceğin yolu. JAX Enter tarafından 800'den fazla teknoloji uzmanının katıldığı bir okuyucu anketine göre, yanıt verenlerin %46'sı PWA'ların yerel veya hibrit uygulamalar değil, gelecek olduğuna inandıklarını söyledi.

Aşamalı web uygulamaları, aşamalı olmayan web uygulamaları ve yerel uygulamalar arasındaki fark

Kıdemli geliştiriciler bile, ilerleyici ile ilerleyici olmayan veya ilerleyici olmayan ile yerel uygulamaları birbirine karıştırma eğilimindedir. Yine de, bu uygulama türleri arasında belirgin farklılıklar vardır.

Kaynak

Yerel uygulamalar , belirli bir cihaz (akıllı telefon, tablet vb.) için belirli bir dilde oluşturulmuş ve bir uygulama mağazasından indirilmesi gereken uygulamalardır. Yukarıdaki örnekte, Dish'in MyPay uygulaması, Apple App Store'dan indirilebildiği ve iOS cihazlar için oluşturulduğu için yerel bir uygulamadır. Dish'in MyPay uygulamasını Google Play'den de indirebilseniz de, Dish'in bunun mümkün olması için aslında ikinci bir yerel uygulama geliştirmesi gerekiyordu.

Müşterileri için iki farklı mobil uygulama tasarlamak ve geliştirmek zorunda kalarak, yerel uygulama geliştirmenin büyük bir dezavantajını görmeye başlayabilirsiniz.

Daha bütçeye duyarlı bir uygulama türü mü? Aşamalı olmayan web uygulamaları. Web uygulamalarının en eski biçimi olan, aşamalı olmayan bir web uygulaması, bir uygulama mağazasından indirilmesi gerekmeyen bir uygulamadır; bunun yerine, yalnızca web üzerinden erişilebilir.

Bir uygulama gibi görünüyor ve hissediyor, ancak gerçekten sadece gelişmiş özelliklere sahip bir web sitesi. Yukarıdaki resimdeki ilerlemeyen web uygulaması örneğine dikkat edin, Evolve Vacation Rentals, güvenli, duyarlı ve şık - ancak bir PWA olarak kabul edilmez.

Aslında, web tabanlı bir uygulamanın aşamalı bir web uygulaması olarak kabul edilebilmesi için Google, uygulama için aşağıdakilerin doğru olması gerektiğini söylüyor:

• ilerici . Yalnızca IE veya Chrome'da değil, tüm tarayıcı türlerinde çalışması gerekir.
• Duyarlı . Uygulama, geleceğin tüm modern telefonlarına, tabletlerine ve teknoloji cihazlarına uymalıdır.
• Bağımsız . Çevrimdışı veya düşük güçlü bir ağ bağlantısı üzerinde çalışabilme kapasitesine sahip olmalıdır.
• App-esque . Uygulama, uygulama stili gezinme ve stil kullanır.
• Taze. Her zaman güncel.
• Güvenli. Kullanıcılara aktarım katmanı güvenliği aracılığıyla sunulur veya daha yaygın olarak HTTPS url'si olarak adlandırılır.
• Keşfedilebilir. Bir arama motoru kullanılarak bulunabilir.
• Yeniden etkileşime geçilebilir. Platform aracılığıyla uygulama kullanıcılarıyla yeniden etkileşim kurma yeteneği (yani anında iletme bildirimleri).
• Kurulabilir. Kullanıcılar, kolay ve rahat erişim sağlamak için uygulamayı uygulama mağazası aracılığıyla ana ekranlarına yükleyebilir.
• Bağlanabilir. Uygulama, bir URL kullanılarak başkalarıyla paylaşılabilir.

Aşamalı web uygulamalarının özellikleri

Google'ın bir web uygulamasını aşamalı bir web uygulaması yapan şey için sınıflandırmaları vardır, ancak bir kişinin bir web uygulamasının aşamalı olup olmadığını bir kontrol listesi tutmadan nasıl belirleyebileceğini merak ediyor olabilirsiniz? Bunu yapabilmek için, bir PWA'nın temel özelliklerini gözden geçirelim.

Güvenli bağlamlar (HTTPS)

En yeni ve en büyük veri güvenliği standartlarına uymuyorsa, bir uygulamayı ilerici olarak adlandırmak zordur. Güvenli bağlamlar, web sitesi kullanıcıları için bir düzeyde güven sağlayan ve kullandıkları web uygulamasının içeriği güvenli bir şekilde sunduğunu gösteren bir güvenlik standardıdır.

2020'deki herhangi bir web sitesi için en iyi uygulama olduğu gibi, PWA'ların önemli bir özelliği de TSL/SSL ile şifrelenmiş olmaları ve güvenli bağlamlar sağlamalarıdır. Bir web uygulamasının güvenli olup olmadığını hızlı bir şekilde belirlemek için sayfa url'sinde bir HTTPS arayın.

HTTPS bağlantısı olmayan bir web uygulaması kullanıyorsanız, bu bir PWA olarak kabul edilemez.

Kaynak

Servis çalışanları

Teknik konuşmada, bir servis çalışanı size paket yemeklerinizi veren kişi değildir - ama bu benzetmeye bağlı kalalım!

Diyelim ki bir restorandasınız ve elektrikler gitti. Her zamanki gibi acıktıysanız, salata veya soğuk çorba yemek zorunda kalırsınız. Ancak bir hizmet çalışanının yaptığı şey, deneyiminizin asla zarar görmemesini sağlamak için önbelleği kullanmaktır. Daha doğrusu, bir servis görevlisi hala sıcak bir yemek yiyeceğinizden emin olur.

PWA kullanıcı deneyimi perspektifinden bunun anlamı, uygulamada geziniyorsanız ve internet bağlantınızı kaybederseniz farketmeyeceksiniz demektir. Veya daha önce o PWA'ya gittiyseniz, deneyiminiz son derece hızlı yüklenir - akşam yemeğinizi önceden sipariş etmişsiniz gibi.

Bu nasıl mümkün olabilir? Küçük bir JavaScript dosyasıyla, hepsi bu. Daha gelişmiş hizmet çalışanları, push API'leriyle bile bağlanabilir, bu da PWA'ların kullanıcıların meşgul olmalarını sağlamak için kullanıcılara anında iletme bildirimleri göndermesine olanak tanır.

Manifest dosyaları

Daha özelleştirilmiş bir kullanıcı deneyimi oluşturmak için PWA'lar genellikle bildirim dosyalarından yararlanır. Kısacası, bir bildirim dosyası, tek bir birimin parçası olan bir grup dosya için meta verileri içeren bir dosyadır.

Esasen, meta dosyalar genellikle web tarayıcılarına bir PWA uygulamasının belirli bir cihazda açıldığında nasıl davranması gerektiğini söylemek için kullanılır. Geliştirici, PWA için bir bildirim dosyası oluşturarak varsayılan bir uygulama simgesi veya açılış ekranı rengi ayarlayabilir. Bir geliştirici, belirli bir cihazda daha "uygulama benzeri" bir deneyim oluşturmak için bir uygulamanın tam ekran tarayıcı penceresinde açılmasını da sağlayabilir.

Kaynak

PWA'ların Avantajları

Elbette, her türlü uygulamanın avantajları vardır. Spire Digital Çevik Ürün Geliştirme Direktörü Bart Deferme şöyle diyor:

"Farklı türde uygulamalar, farklı kuruluşlar için farklı kullanım durumlarında avantajlıdır. Yerel uygulamalar, kullanıcılarının yerel bir uygulamayı bir PWA'ya veya aşamalı olmayan bir web uygulamasına tercih edeceğini bilen kuruluşlar için idealdir. Ancak kavram kanıtı elde etmeye çalışan girişimciler için yalın bir MVP, ilerici olmayan bir web uygulaması veya bir PWA başlatarak daha uygun maliyetli yollardır.”

Farklı uygulama türlerinin her zaman en iyi çözüm olduğu kullanım durumları olduğunu göz önünde bulundurarak, aşamalı bir web uygulamasıyla başka bir uygulama türüne geçmenin genel avantajları şunlardır:

keşfedilebilir

Google, günde 3,5 milyar arama alıyor ve bu da onu dünyanın en büyük arama motoru yapıyor. İnsanların bir sorunu veya sorusu olduğunda Google'a sorduklarını söyleyebiliriz. Bu, bir uygulama mağazasına ek olarak web'de de yaşayabildikleri için PWA'ları dağıtan kuruluşlar için harika bir fırsat sunuyor. Bu, diğer uygulamalara kıyasla insanların bir PWA bulmasını kolaylaştırır.

PWA'nın keşfedilebilirliği büyük bir avantajdır çünkü kullanıcıların en çok arama yaptıkları yerde arama yapmalarına, yanıtları almalarına ve eylemleri tek bir yerden tamamlamalarına olanak tanır. Bir PWA ile, tüm bir uygulamayı indirme çemberini atlamak ve bir uygulama mağazası indirme çarkının yavaşça '%100, indirme tamamlandı' değerine dönmesini izlemek zorunda kalmazlar.

kurulabilir

Bir kullanıcı bir PWA kullanmayı gerçekten seviyorsa veya onu sık sık kullanıyorsa, ilerlemeyen bir web uygulamasında olduğu gibi bilgisayarlarında ve cep telefonu tarayıcılarında yer imlerine eklemeleri gerekmez. Uygulama mağazasına ve kullanıcılara yapılan basit bir gezi, kullanıcıların en sevdikleri PWA'lara tipik yerel uygulamanızla aynı sürede erişmelerine olanak tanır.

Bağlanabilir

En sevdiğiniz uygulamanın bağlantısını bir arkadaşınızla paylaşmak, arkadaşınıza 'gitip o uygulamayı uygulama mağazasında aramasını' söylemekten çok daha kolaydır. Bağlantılar, e-posta, sosyal medya dms vb. aracılığıyla kolayca paylaşılabilir. Bağlanabilirlik ve keşfedilebilirlik, senkronize çalışan iki PWA avantajıdır, ilk kez bir kullanıcının bir uygulamaya erişmesi için gereken süreyi azaltır ve aynı zamanda miktarı azaltır. Bir süper kullanıcının uygulamayı arkadaşlarıyla veya potansiyel kullanıcılarla paylaşması için gereken süre.

Ağdan bağımsız

Ağ şeması. Dünyada gittiğimiz her yerde asla tam barlar alamayacağız. Ama yine de, bir PWA'yı çalıştırmak için dolu çubuklara ihtiyacımız yok, değil mi?

Aşamalı web uygulamaları, kullanıcıların bir tünelden geçerken en sevdikleri müzikleri dinlemeye devam etmelerini ve telekom çalışanlarının şehir çapında bir elektrik kesintisi sırasında elektrik kesintisi konusunda bilgilendirilmelerini sağlar. Her zaman güçlü bir ağ bağlantısına ihtiyaç duymadan, PWA'lar tüm kullanıcı grupları için daha güvenilir bir kullanıcı deneyimi sunar.

Duyarlı

Hiç bir Zoom aramasıyla ilgileniyormuş gibi görünmeye çalışırken Arkadaşlarla Kelimeler oynamak istediniz mi? Words with Friends yerel bir uygulama yerine bir PWA olsaydı, yapabilirdiniz (bu arada bu harika bir fikir, lütfen biri bunu gerçekleştirsin). PWA'lar, cihaz veya tarayıcı türünden bağımsız olarak kusursuz bir kullanıcı deneyimi sağlar. Bu, favori yerel veya aşamalı olmayan uygulamanızı kullanmak için telefonunuzun veya dizüstü bilgisayarınızın her zaman elinizin altında olması gerekmediği anlamına gelir.

Duyarlılığın bir başka avantajı da, kuruluşların birden çok kullanıcı grubu için birden çok uygulama üretme zorunluluğunu ortadan kaldırmasıdır. Dizüstü bilgisayar kullanıcılarınız ve cep telefonu kullanıcılarınız, tek bir uygulamanın (PWA) dağıtımından memnun olabilir. Bu avantaj, kuruluşların BT ve pazarlama harcamalarında tasarruf etmesini sağladığından, bir PWA'nın en çok satan noktalarından biri olma eğilimindedir.

Güvenli

Özellikle bir finans, sağlık veya sigorta uygulaması kullanırken, kullanıcılar kişisel verilerine Caymans'daki bir adam tarafından erişilmediğini bilmek isterler. Daha basit bir ifadeyle: güvenlik, kullanıcılar arasında güven oluşturur. Güvenli bağlamlar ve url şifrelemeleri, PWA'ların hem kullanıcılarınıza hem de Google arama botlarına güvence vermesini sağlar.

Daha önce de belirtildiği gibi, kuruluşunuzun tüm url'lerinde (web uygulamaları dahil) bir SSL şifrelemesi kullanmak en iyi uygulamadır. Web uygulamanızın güvenliğini sağlamazsanız Google, web uygulamanızın arama sonuçları sayfalarındaki performansının olumsuz etkileneceğini sürekli olarak belirtmiştir.

Kaynak

Çözüm

Bir düşünün: dünya, insanların yakında günde 24 saat yazılıma bağlanacağı bir Blade Runner gerçekliğine doğru gidiyor (eğer henüz değilseniz). Teknoloji eğrisinin önüne geçmek ve en fazla yatırım getirisini elde etmek, en uzun vadeli değere sahip yazılımlara yatırım yapmak anlamına gelir.

Yerel uygulamalar, belirli aygıtlar için belirli dillerde oluşturularak uygulama deneyimini yanıt vermemeye ve kod tabanını daha az yeniden kullanılabilir hale getirir. Aşamalı olmayan web uygulamalarından gelen kod, diğer uygulamaların oluşturulması için yeniden kullanılabilir, ancak aşamalı olmayan web uygulamaları yalnızca belirli tarayıcılar için oluşturulmuştur. Ayrıca bir uygulama mağazasından indirilemezler.

PWA'lar, geleceğe yönelik en dayanıklı uygulama türüdür:

• Web veya uygulama mağazası aracılığıyla keşfedilebilir
• Duyarlı ve her tarayıcı için hazır
• Ağ bağlantısından bağımsız
• Güvenli ve şifreli
• Ve dahası

Artık bir PWA'yı daha iyi anladığınıza göre, uygulama kullanım durumunuzu daha iyi inceleyebilir ve kuruluşunuzun ihtiyaçlarına ne tür bir uygulamanın uygun olduğunu belirleyebilirsiniz. Henüz yapmadıysanız, istek ve ihtiyaçlarını belirlemek için müşterilerinizle konuşun ve ardından kuruluşunuz için en uzun vadeli değeri sağlayacak bir uygulama seçin.

PWA, kuruluşunuz için uygun mu? Kim bilir. Ancak tüm uygulama seçeneklerinizi daha iyi anlamak asla kötü bir fikir değildir.

G2'nin uygulama geliştirme bilgi merkeziyle ilgili diğer uygulama geliştirme bilgileri hakkında daha kapsamlı bilgi edinin.