Progressive Web App (PWA) En İyi Arkadaşınız Olun
“PWA, web geliştirme için devrim niteliğinde. Hem web hem de mobil uygulamaların avantajlarını en düşük maliyetle birleştiren mükemmel bir kullanıcı deneyimi sunarak verimliliğinizi artırmanıza yardımcı olur. ”
PWA ile yapılan sallanma, müşterinizi meşgul eder. PWA her zaman en iyi arkadaşın olmaya hazır, o zaman neden PWA'ya arkadaşlık isteği göndermiyoruz?
PWA'ya doğru iyi bir adım atmanın zamanı geldi ve PWA ile arkadaşlığınızın sizin için nasıl bir faydası olduğunu açıklayacağım!
PWA ile karıştırmayın
Bazı nedenlerden dolayı, birçok kişi PWA'ların Tek Sayfa Uygulamaları (SPA) olduğunu düşünüyor.
Bu yanlış, gerçekten çok yanlış (durum kodu 400 status ile).
Bir SPA bir PWA olabilir, ancak bir PWA'nın bir SPA olması gerekmez.
ReactJs, Angular, VueJS veya hatta HTML gibi herhangi bir çerçeve veya kütüphane üzerine inşa edilmiş web sitesi bir PWA olabilir.
En basit ifadeyle, Progressive Web App, 'uygulama benzeri' hissi veren ek özellik ve işlevlerle dönüştürülmüş bir mobil web sitesidir. Tarayıcı örneğini kullanarak çalışır ve güvenilir bir internet bağlantısı olmadan bile sorunsuz çalışmasını sağlamak için servis çalışanı kullanır.
PWA'nın bir Google teknolojisi olduğu bir efsaneye sahipseniz, bu bilgi parçaları sizin efsanenizi temizlemek için yeterlidir. Aşamalı Web Uygulamaları, web standartlarına dayanır. Her tarayıcıda ve her platformda çalışır.
Bu yüzden bir web sitesi - ancak açılış ekranı, özel yükleme ekranı, daha yumuşak animasyonlar, anında iletme bildirimleri ve gezinme çubuğu olmayan yerel bir mobil uygulama gibi geliyor. Ortalama son kullanıcılarınız buna mobil uygulama diyebilir.
Progressive Web Uygulamaları, üç teknik gereksinimi karşılaması gereken web siteleridir:
- HTTPS (Güvenli) kullanılarak Sunulmalı
- Minimal Belirli Bir Simge Seti Olan Geçerli Bir Web Manifest Dosyasına Sahip Olun
- Geçerli bir Servis Görevlisi ve Minimum Çevrimdışı Destek Kaydı Yapmalısınız
Bu şartlarda hiçbir şey web sitesinin JavaScript kullanması gerektiğini söylemez. Kısacası, servis görevlisini müşteri tarafı JavaScript kullanarak kaydetmelisiniz.
PWA aşağıdaki gibi özellikleri desteklemektedir:
- Ana ekrana sabitleme - Web uygulaması ikonumuzu ana ekrana ekleyebiliriz.
- Push Bildirimleri - Push bildirimi ve web için Bildirim API'si aracılığıyla yerel bir uygulamadaki push bildirimini tümleştirebiliriz.
- Açılış Ekranı - Açık bir dosya, PWA'nız için yerel bir uygulama gibi katılım sağlamak üzere açılış ekranını yönetir
- Coğrafi Konum - Geolocation API'sı ile kullanıcının mevcut konumuna erişebiliriz
- Çevrimdışı Çalışma Modu - Önbellekleme mekanizmasını yöneten Servis çalışanı nedeniyle, internet olmasa bile zengin kullanıcı deneyimi elde edeceğiz.
- Medya Özelliklerine Erişim - Mikrofon, Video ve Kamera Cihazlarına erişebiliriz. Ayrıca, WebRTC API kullanarak görüntülü ve sesli arama işlevini uygulayın.
Genel olarak, gereksinimleriniz PWA’nın özelliklerine uygunsa aynı proje için ayrı bir mobil uygulama geliştirmenize gerek yoktur. Bu, PWA'nın hala bazı yerel uygulamaların özelliklerini sağlamakta zorlandıkları anlamına geliyor.
Evet, web geliştiricileri için çok güzel bir an. Diğer yararlı özellikler zaten yolda. PWA, halihazırda yerel uygulama benzeri özellikler sağlamayı dört gözle bekliyor. Bize gerçekten yardımcı olacak özelliklere bir göz atalım.
PWA, gelecekte aşağıdaki özellikleri destekleyecektir:
- Bluetooth - Web Bluetooth API geliştirilme aşamasındadır ve yakında web platformunda Bluetooth'a erişeceğiz.
- Sensörler - Sensörler günümüzün gelişim döneminin gerçekten önemli bir parçasıdır. Bazı sensörlerin erişimi zaten ortam ışık sensörü, yakınlık sensörü, ivmeölçer sensörü, manyetometre sensörü ve jiroskop sensörü gibi gelişme aşamasındadır.
- Yerel Paylaşım - Web paylaşım API'sinin bir parçası olarak cihazın yerel paylaşım mekanizmasını çalıştırabiliriz.
- Parmak İzi Sensörü - Web Kimlik Doğrulama API'sını kullanarak kullanıcıları parmak izi sensörüyle doğrulayabiliriz. Ancak güvenlik nedenleriyle hala geliştirilme aşamasındadır.
Neden bugünlerde herkes PWA'yı kabul ediyor?
PWA'yı benimseyen büyük şirketlerin bazı istatistiklerini okuduktan sonra, PWA'nın gücünü bilir ve neden herkesin PWA'ya gitmek istediğini açıkça anlarsınız.
İşte size popüler şirketlerin PWA vaka incelemelerinden bazı verileri göstermek istiyorum:
- Twitter, Nisan 2017'de Twitter Lite Progressive Web Uygulamasını geliştirdi ve sonuç olarak twitter, seans başına sayfa sayısını% 65 artırdı, Tweet'ler% 75 arttı, hemen çıkma oranı% 20 azaldı.
- Hindistan’ın en büyük e-ticaret sitesi olan Flipkart, 2015 yılında yalnızca uygulama stratejisini kapatmaya karar verdi. Ondan sonra, PWA Tarafından Güçlendirilen Flipkart Lite ile birlikte geldiler ve harika sonuçları okuyarak hayran kalacaksınız. Kullanıcılar siteye 3 kat daha fazla zaman harcadı, Yeniden katılım oranları% 40 daha fazla, Ana Ekrana Eklenti ekranından gelenler arasında% 70 daha fazla dönüşüm oranı ve yerel uygulamaya kıyasla 3 kat daha düşük veri kullanımı.
- Alibaba.com, dünyanın en büyük online B2B ticaret platformu. Alibaba.com, ilk kez ziyaret eden ziyaretçiler için mükemmel bir kullanıcı deneyimi sunmak ve ziyaretçileri tekrar etmek için PWA olarak yeni bir stratejiyle geldi. Yeni stratejileri şaşırtıcı sonuçlarla geldi. Alibaba.com tarayıcılarda% 76 daha yüksek dönüşüm oranlarına sahip, iOS'ta aylık% 4 ve Android'de% 30 daha fazla, Add to Home ekranından 4x daha yüksek etkileşim oranına sahip.
Evet, bu inanılmaz ve Progressive Web App'ın güzelliğini kabul etmek zorundayız. Şimdi, neden seni PWA'yı en iyi arkadaşın yapmaya zorladığımı anlıyorsun.
Play Store PWA'lar Yayımlamaya Hazır
Evet evet evet! Play Store ve PWA'lar artık arkadaş oldu. Artık PWA'ları Trusted Web Activities (TWA) yardımıyla oyun mağazasında yayınlayabiliriz. Google Chrome 72, URL'yi veya tarayıcıyla ilgili öğeleri görüntülemeden tam ekran web görünümünü desteklemek için Güvenilir Web Etkinlikleri ekledi. Böylece, web uygulamanızın APK'sini oluşturabilir ve Android stüdyosunun yardımı ve Android geliştirme bilgisi ile mağazaya yükleyebilirsiniz.
TWA hakkında detaylı bilgi almak için aşağıdaki videoyu izlemenizi öneriyorum:
Facebook Lite, Instagram Lite, Flipkart Lite ve Twitter Lite gibi PWA'ların varlığı çoğunlukla WebView kullanıyor ve bize uygulama benzeri bir his veriyor. Ancak Apple'ın hala TWA'ya destek vermediğini unutmayın.
Sonunda, PWA'nın web uygulamalarımızı geliştirmek için iyi ve uygun maliyetli bir yaklaşım olduğunu söyleyebiliriz. Kesinlikle bir web geliştirme geleceğidir. PWA'nın gelecekte her zaman olduğu gibi bize daha fazla hizmet edeceğini umuyoruz.
Alkış alkış alkış! Çünkü Alkışlamak iyi bir alışkanlıktır.