2015 yılında Google, Android için web uygulamaları geliştirmek için yeni bir yaklaşım sundu: aşamalı web uygulamaları . Yerel bir uygulama gibi görünecek, cihazın kamera ve ivmeölçer gibi donanımını kullanabilecek, push bildirimleri alabilecek, başlatıcı simgesine sahip olacak, çevrimdışı çalışabilecek, yerel verileri depolayabilecek bir uygulama oluşturulabilir.
Android'de, yerel uygulamaların hangi özellikleri ilerici web uygulamalarını desteklemediğini sağlar ve bunun tersi de geçerlidir.
Yanıtlar:
TL; DR - Şubat 2017 itibariyle, Progressive Web Apps, Twitter'ın tüm mobil web trafiğini bir React PWA'ya taşıdığı yeterince güçlü bir platformdur .
Ağustos 2016 itibarıyla, Progresif Web Uygulamaları aslında düşünülenden daha fazla donanım erişimi sunuyor. İşte Android'deki Chrome 52 kararlı cihazımdan whatwebcando.today'ın bir ekran görüntüsü :
Bu özellikler uygulanmaktadır veya bazı tarayıcılarda zaten çalışmaktadır:
Unutulmaması gereken bir diğer önemli nokta da Origin Trials Framework'ün ( Chrome'da uygulandı ) üreticilerin donanım (veya yazılım) yeteneklerini standartlaştırma sürecinden geçmek zorunda kalmadan ortaya çıkarmasına ve test etmesine olanak sağlamasıdır. Örneğin, bir telefon üreticisi, bir basınç sensörünün değerlerini okumak için bir API gösterebilir, onu iyileştirebilir ve ardından W3C'ye gönderebilir.
Donanım erişiminin yanı sıra, artık web uygulamalarında kullanılabilen yerel uygulamalar tarafından geleneksel olarak kullanılan yazılım özellikleri de vardır.
HTML5 Canvas veya WebGL üzerinden donanım hızlandırmalı 2D / 3D grafikler - HTML5 Canvas tanıtımlarından bazılarını , WebGL sitelerini veya three.js kitaplığını kontrol edin . Unity çapraz platform oyun motorunun 2014 karşılaştırması, yerel ve WebGL oluşturma performansını karşılaştırdı ve şu sonuca vardı:
"En önemli çıkarım, WebGL'nin yerel koddan önemli ölçüde daha yavaş olduğu alanlar olsa da, genel olarak şimdiden çok iyi bir performans bekleyebilirsiniz ve bu yalnızca gelecekte daha iyi olabilir."
Bu özellikler birçok kullanım durumunu kapsar ve günümüzde pek çok popüler yerel uygulama PWA olarak yeniden yazılabilir. Örneğin Slack'i ele alalım. Açık kaynak alternatifi Rocket.Chat, bir PWA sürümü oluşturuyor . Daha fazla PWA demosu için bkz. Https://pwa.rocks .
Son not: PWA'lar aynı kod tabanıyla masaüstünde ve çoğu mobil cihazda çalışır. Masaüstü ortamlarında (ChromeOS ve sonraki Mac ve Windows), diğer uygulamalarla aynı şekilde başlatılırlar ve normal bir uygulama penceresinde çalışırlar (tarayıcı sekmesi olmadan).
Yerel uygulamaların ana avantajı, bir platformun sunabileceği tüm yerel API'lere (kişiler, kamera flaşı, SMS, telefon, ağ, bluetooth, sensörler, ham soketler ...) erişebilmeleridir, ancak progresif bir web uygulaması bunu yapamaz (henüz) Standart Web yetenekleri tarafından kısıtlandıkları için.
Aşamalı web uygulamalarının amacı, bu yetenekleri en kritik durumları kapsayacak şekilde genişletmektir. Bu modda, Progressive Web Apps: Escaping Tabs Without Our Soul'a bir göz atın, burada progresif bir web uygulamasının neler sunması gerektiğinin bir listesini bulabilirsiniz:
- Duyarlı: herhangi bir form faktörüne uyacak şekilde
- Bağlantıdan bağımsız: Çevrimdışı çalışmalarına izin vermek için Servis Çalışanlarıyla aşamalı olarak geliştirilmiştir
- Uygulama benzeri etkileşimler: Uygun gezinmeler ve etkileşimler oluşturmak için bir Kabuk + İçerik uygulama modeli benimseyin
- Yeni: Servis Çalışanı güncelleme süreci sayesinde şeffaf bir şekilde her zaman güncel
- Güvenli: Gözetlemeyi önlemek için TLS (bir Hizmet Çalışanı gereksinimi) aracılığıyla sunulur
- Keşfedilebilir: Arama motorlarının bunları bulmasına olanak tanıyan W3C Manifestoları ve Hizmet Çalışanı kayıt kapsamı sayesinde "uygulamalar" olarak tanımlanabilirler
- Yeniden devreye alınabilir: İşletim sisteminin yeniden etkileşim kullanıcı arayüzlerine erişebilir; örn. Push Bildirimleri
- Yüklenebilir: tarayıcı tarafından sağlanan istemler aracılığıyla ana ekrana, kullanıcıların bir uygulama mağazasının karmaşası olmadan en yararlı buldukları uygulamaları "tutmalarına" olanak tanır
- Bağlanabilir: sıfır sürtünmeli, sıfır kurulum ve paylaşması kolay oldukları anlamına gelir. URL'lerin sosyal gücü önemlidir.
Bu noktalardan, bağlanabilirlik , yerel uygulamalar tarafından Açık Web'den mobil derin bağlantı biçiminde içe aktarılan ilk özelliklerden biriydi .
Ancak , yerel alternatiflere göre bir platform olarak Web'in ana avantajlarından birini temsil ettiği için, combo fresh + kurulabilir özelliğini hak ediyor . Burada yüklenebilir , ana ekranınızda göründüğü anlamına gelir. İndirme ve kurulum aşamalarını geçmeniz gerektiği anlamına gelmez. Tarama sırasında bir URL açarsınız veya bir hizmet keşfedersiniz ve tamamlanır: ana ekranınızda görünür .
Taze , normal bir web'in nasıl çalıştığını ifade eder, anında yükleme ve sorunsuz güncellemeler sunar. YouTube web'den bir güncelleme yüklemeniz istenmez, dağıtılır ve bir sonraki ziyaretinizde onu tüketirsiniz.
Kalan puanların faydalarından bahsetmiyorum çünkü farklılıkları soruyordunuz ve örneğin yeniden etkileşim, yerel uygulamaların zaten push hizmetleri ve bildirimler aracılığıyla sahip olduğu bir şey ve şimdi web uygulamaları yakaladı.
Diğer ilgili ve anahtar soru, hangi platformun ihtiyaçlarınıza daha uygun olduğudur. Özel donanım yeteneklerine erişemiyorsanız, Web yeterli olmalı ve pazarlardan, özel ekosistemlerden özgür olduğunuz web'i seçmeli ve bu arada, belirli bir düzeyde her yerde ve birlikte çalışabilirlik sağlayabilmelisiniz .
Son notlar olarak, www.flipkart.com'a Chrome ile bir cep telefonundan göz atmanızı tavsiye ederim . Oldukça harika: hata yok, sorunsuz gezinme, uygulama benzeri his. Çevrimdışı olun ve çalışmaya devam edecek. Bu gönderinin gerçekten gerçek bir dünya örneği. Uygulamayı ana ekrana ekleyin ve bir sonraki açışınızda deneyim daha da iyi.
Firefox OS'ye ve Standart Web'e daha fazla platform API'si getirme örneğine ( az ya da çok başarı ile) bir göz atabilirsiniz .