Legyen a Progressive Web App (PWA) a legjobb barátja

„A PWA forradalmian új webfejlesztést jelent. Segít javítani a termelékenységet azáltal, hogy kiváló felhasználói élményt nyújt, amely minimális költséggel ötvözi mind a webes, mind a mobil alkalmazások előnyeit. ”
A kézfogás jó gyakorlat

A PWA-val történő rázás megtartja az ügyfelet. És a PWA mindig készen áll arra, hogy a legjobb barátja legyen, akkor miért nem küldünk el egy barátjának kérést a PWA-nak?

Itt az ideje, hogy jó lépést tegyünk a PWA felé, és elmagyarázom, hogy a barátságod milyen előnyökkel jár Ön számára a PWA-val!

Ne tévessze össze a PWA-val

Bizonyos okok miatt sokan azt gondolják, hogy a PWA-k egyoldalas alkalmazások (SPA).
Ez rossz, igazán nagyon rossz (400 állapotkóddal).

A SPA lehet PWA, de a PWA nem kell SPA.

A PWA szeret mindenkivel együtt dolgozni

Bármely keretre vagy könyvtárra épített webhely, mint például a ReactJs, Angular, VueJS vagy akár HTML is, lehet PWA.

A legegyszerűbben fogalmazva: a Progressive Web App egy mobil weboldal, amely olyan kiegészítő funkciókkal és funkciókkal rendelkezik, amelyek „alkalmazásszerű” érzetet adnak neki. A böngésző példányán keresztül működik, és a szerviz munkatársakkal biztosítja a zökkenőmentes működést még megbízható internetkapcsolat nélkül is.

Ha olyan mítoszod van, hogy a PWA egy Google technológia, akkor ezek az információk elegendőek a mítosz tisztításához. A progresszív webes alkalmazások webes szabványokon alapulnak. Minden böngészővel és minden platformon működik.

Tehát ez egy weboldal - de úgy érzi, mint egy natív mobilalkalmazás, egy splash képernyővel, egyedi betöltő képernyővel, simább animációkkal, push értesítésekkel és navigációs sáv nélkül. Átlagos végfelhasználói ezt mobilalkalmazásnak hívhatják.

A progresszív webes alkalmazások olyan webhelyek, amelyeknek meg kell felelniük három műszaki követelménynek:

  • Szolgáltatni kell a HTTPS (biztonságos) használatával
  • Van érvényes web manifeszt fájl a minimálisan meghatározott ikonkészlettel
  • Regisztráljon érvényes szolgáltatót és minimális offline támogatást

Ezekben a követelményekben semmi nem mondja azt, hogy a webhelynek JavaScriptet kell használnia. Nos, röviden: regisztrálnia kell a szolgáltató ügyféloldali JavaScriptet.

A PWA az alábbi funkciókat támogatja:

  • Ugrás a kezdőképernyőre - Felvehetjük a webalkalmazás-ikont a kezdőképernyőn.
  • Push értesítések - A push értesítést - például egy natív alkalmazásban - integrálhatjuk a Push API és az értesítési API segítségével az interneten.
  • Splash Screen - A manifeszt fájlok kezelik a PWA splash képernyőjét az elkötelezettség elérése érdekében, mint egy natív alkalmazás
  • Földrajzi helyzet - a Geolocation API-n keresztül hozzáférhetünk a felhasználó jelenlegi helyéhez
  • Offline munkamód - A gyorsítótárazási mechanizmust kezelő szolgáltató miatt gazdag felhasználói élményt kapunk akkor is, ha nincs internet.
  • A médiafunkciók elérése - Hozzáférhetünk a mikrofon-, video- és fényképezőgép-eszközökhöz. A video- és hanghívási funkciókat a WebRTC API segítségével is megvalósíthatja.

Összességében nem kell külön mobilalkalmazást kifejlesztenie ugyanarra a projektre, ha az Ön igényei teljesülnek a PWA szolgáltatásaival. Ez azt jelenti, hogy a PWA továbbra is küzd annak érdekében, hogy néhány natív alkalmazás funkcióját biztosítsa.

Igen, ez egy wow pillanat a webfejlesztők számára. Egyéb hasznos funkciók már folyamatban vannak. A PWA már alig várja, hogy natív alkalmazáshoz hasonló szolgáltatásokat nyújtson. Vessen egy pillantást ezekre a funkciókra, amelyek valóban hasznosak lesznek számunkra.

A PWA a következő funkciókat fogja támogatni a jövőben, mint például:

  • Bluetooth - Webes Bluetooth API fejlesztés alatt áll, és hamarosan elérjük a Bluetooth-ot az internetes platformon.
  • Érzékelők - Az érzékelők a mai fejlesztési korszak nagyon fontos részét képezik. Néhány érzékelő hozzáférése már fejlesztés alatt áll, mint például a környezeti fényérzékelő, a közelségérzékelő, a gyorsulásmérő érzékelő, a magnetométer érzékelő és a giroszkóp érzékelő.
  • Natív megosztás - kihívhatjuk az eszköz natív megosztási mechanizmusát a Web Share API részeként.
  • Ujjlenyomat-érzékelő - A felhasználókat az ujjlenyomat-érzékelővel hitelesíthetjük a Web Authentication API segítségével. De biztonsági okok miatt továbbra is fejlesztés alatt áll?

Miért manapság mindenki alkalmazza a PWA-t?

Miután elolvasta a PWA-t elfogadó nagyvállalatok statisztikáit, megismerheti a PWA erejét és egyértelműen megérti, miért akar mindenki a PWA-t választani.

Itt szeretném bemutatni néhány adatot a népszerű vállalatok PWA esettanulmányaiból:

  • A Twitter 2017. áprilisában fejlesztette ki a Twitter Lite Progressive Web App alkalmazást, amelynek eredményeként a munkamenetben az oldalak száma 65% -kal növekedett, a küldött Tweetek 75% -kal növekedtek, a visszafordulási arány pedig 20% ​​-kal csökkent.
  • A Flipkart, India legnagyobb e-kereskedelmi webhelye úgy döntött, hogy 2015-ben leállítja a csak az alkalmazásokra vonatkozó stratégiát. Ezután a PWA által működtetett Flipkart Lite-kel jöttek létre, és el fogja lepni, hogy elolvasta a nagyszerű eredményeit. A felhasználók háromszor több időt töltöttek a webhelyen, az újbóli elkötelezettség aránya 40% -kal nagyobb, 70% -kal nagyobb az átalakítási arány a Hozzáadás a Kezdőlapra képernyőn érkezők körében, és háromszor alacsonyabb adatfelhasználás a natív alkalmazáshoz képest.
  • Alibaba.com, a világ legnagyobb online B2B kereskedési platformja. Az Alibaba.com új stratégiát kapott PWA-ként, hogy kiváló felhasználói élményt biztosítson mind az első látogatók, mind az ismételt látogatók számára. Új stratégiájuk meglepõ eredményekkel járt. Az Alibaba.com 76% -kal magasabb konverziós arányt kapott a böngészők között, 4% -kal több havi aktív felhasználót kapott iOS-en és 30% -ot Androidon, és 4x-rel magasabb interakciós arányt kapott a Hozzáadás a kezdőképernyőhöz.

Igen, ez hihetetlen, és el kell fogadnunk a Progressive Web App szépségét. Most érted, miért kényszerítem téged, hogy a PWA legyen a legjobb barátja.

A Play Áruház készen áll a PWA-k közzétételére

Igen igen igen! A Play Áruház és a PWA-k már barátokká váltak. Most már közzétehetjük a PWA-kat a Play Áruházban a Megbízható webes tevékenységek (TWA) segítségével. A Google Chrome 72 hozzátette a Megbízható webes tevékenységek szolgáltatást, hogy támogassa a teljes képernyős webes nézetet anélkül, hogy megjelenítené az URL-t vagy a böngészővel kapcsolatos elemeket. Tehát előállíthat egy APK-t webes alkalmazásából, és feltöltheti azt a Play Áruházba az Android stúdió és az Android fejlesztési ismeretei segítségével.

Itt azt ajánlom, hogy nézze meg az alábbi videót, hogy részletesen megismerje a TWA-t:

Az olyan PWA-k léte, mint a Facebook Lite, az Instagram Lite, a Flipkart Lite és a Twitter Lite, többnyire a WebView-t használják, és alkalmazásszerű érzetet adnak nekünk. De ne feledje, hogy az Apple továbbra sem támogatja a TWA-t.

Végül elmondhatjuk, hogy a PWA jó és költséghatékony megközelítés a webalkalmazásaink fejlesztéséhez. Ez biztosan a webfejlesztés jövője. Reméljük, hogy a PWA a jövőben még mindig jobban szolgál minket.

Clap Clap Clap! Mert a tapsolás jó szokás