Progresszív webes alkalmazások - a modern web jövője?

Napjainkban a Progressive Web Apps (PWA) a város beszélgetése, főként elképesztő használhatóságuk és egyedi felhasználói élményük miatt. A weboldalak és a natív alkalmazások kombinált jellemzői révén a PWA-k a több eszköz webes alkalmazásainak normájává válnak lehetővé teszi, hogy a fejlesztők gyorsan betölthessenek dinamikus alkalmazásokat hibrid keretek használata nélkül.

Azt hiszem, a Progresszív webes alkalmazások a weboldalak jövője - és a következő írásban meg fogom beszélni annak előnyeit és az eseteket, hogy megadjam az egész képet. Menjünk hozzá.

Mik azok a progresszív webalkalmazások?

A kifejezés “Progresszív webalkalmazások” először Alex Rusell (a Google Chrome fejlesztője) és Frances Berriman (tervező) alkotta meg. Alex megosztotta ötletét a Progressive Web Appsről “Ezek az alkalmazások nincsenek csomagolva és telepítve a boltokban, ők csak a megfelelő vitaminokat tartalmazó weboldalak“.

“Azoknak a webhelyeknek, amelyek értesítéseket akarnak küldeni, vagy a kezdőképernyőn kell lenniük, ezt a jogot idővel meg kell keresniük, amikor egyre többet használnak. Fokozatosan válnak “alkalmazások”“, írta Alexet a PWA-ról. Végül véget ért, “ezek az alkalmazások egyenletesen képesek jobb felhasználói élmény, mint a hagyományos webes alkalmazások“.

Webes alkalmazások vs. progresszív webalkalmazások

A webes alkalmazások, vagy a hagyományos webes alkalmazások az ügyféloldali alkalmazások közvetlenül a webböngészőben fut. Bár jobbak, mint a weboldalak, mégis vannak problémák. Ha nem ismeri a különbséget a webes alkalmazások és webhelyek között, a webes alkalmazások különböznek a webhelyektől, mert a webes alkalmazások natív alkalmazásoknak tűnnek és érzik magukat.

Ez azt jelenti, hogy a progresszív webalkalmazások a következő webes alkalmazások generációja amelyek a natív alkalmazásokhoz hasonlítanak, az eszköz natív fejlesztéseinek felhasználásával. Például a Progresszív webalkalmazások használja a natív funkciókat mint például a kamera, a jeladó stb., valamint olyan funkciók, mint például az offline cache, a push értesítések stb.

Miért van szükség progresszív webalkalmazásokra?

Egyrészt natív alkalmazásunk van, amelyek hihetetlenül gyorsak és megbízhatóak még a legrosszabb helyzetekben is, mint a lassú vagy nincs kapcsolat. Ugyanakkor weboldalaink és webalkalmazásaink viszont lassúak és nem működnek jól hálózati körülmények között. Ezért a legtöbb ember előnyben részesíti a natív alkalmazásokat.

A gyorsított mobil oldalak (AMP), a Google által támogatott projekt, 2016-ban kezdődtek meg a lassú kapcsolati problémák megoldása, különösen az okostelefonokon, és jobb felhasználói élményt nyújt a mobil felhasználók számára. Az AMP azonban nem oldja meg a hálózati problémákkal kapcsolatos problémákat. Továbbá nem gyorsítja fel a betöltési időt, mint a natív alkalmazásokat, és ismét kevés korlátozással rendelkezik a sebesség eléréséhez.

Ezért van szükség Progresszív webes alkalmazásokra. A PWA-k biztosítják a a lehető legjobb felhasználói élmény a lassú vagy a nem hálózatban körülmények. Például a PWA megjeleníthet egy előrehaladási képernyőt, amikor betölti a tartalmat vagy egy splash képernyőt, ha nincs webkapcsolat.

Miért van értelme a progresszív webalkalmazásoknak?

A comScore 2017-es amerikai mobilalkalmazás-jelentésében megadottak szerint az alkalmazásfelhasználók majdnem töltenek 77% -uk az első három alkalmazásban, míg a többi alkalmazás üres, de még mindig blokkolja a rendszer erőforrásait, beleértve a memóriát. Ezenkívül azt is osztja A felhasználók 50 százaléka havonta nulla alkalmazásokat töltött le. Ez a tény azt sugallja, hogy a felhasználók ne habozzanak telepíteni az új alkalmazásokat, és így a PWA él.

Úgy találom, hogy az emberek többnyire asztali webhelyeken mennek, de előnyben részesíti az alkalmazásokat a mobil eszközökön (természetesen natív alkalmazások). Ennek oka, hogy a számítógépek sokkal több hálózati erőforrást kínálnak, mint az okostelefonok, és az alkalmazások kevesebb erőforrást fogyasztanak, mint a megfelelő webhelyek. Gyors és megbízható.

Sőt, a natív alkalmazások sokkal többet fizetnek, mint a webhelyek - akár öt-tízszer vagy annál többet is a projekt típusától függően. Továbbá, ha költségeik többszörös platformokra (pl. Android és iOS) is rendelkeznek, különböző kódbázisokkal rendelkező, saját alkalmazások fejlesztésére van szükség. A PWA azonban segíthet minimálisra csökkenti az ilyen magas fejlesztési költségeket, köszönhetően a különböző platformok támogatásának.

Progresszív webes alkalmazások szolgáltatásai

A progresszív webalkalmazásoknak számos közvetlen jellemzője van, amelyek megkülönböztetik őket, mint az egyszerűbb társaik, azaz a webes alkalmazások (vagy egyszerűbbek):

• Fogékony. Dolgozzon minden képernyőn, minden képernyőn.
• Offline-első. Terhelés lassú vagy nem hálózatban is.
• App-szerű érzés. Nézd meg és lépj kapcsolatba, mint egy natív alkalmazás.
• Naprakész. Frissítés önállóan, szinte átláthatóan.
• Biztonságos és biztonságos. Használja a HTTPS-et az oldal erőforrásainak betöltéséhez.
• Felismerhető. Tartson tartalmat a keresőmotorokhoz.
• Re-összekapcsolható. Ismét vegyen részt, mondja az értesítések használatával.
• Telepíthető. Elhelyezhető a kezdőképernyőn.
• hivatkozásként. Töltsön be app-szerű oldalakat, de URL-ekkel.

Amit érdekesnek tartok, a progresszív webalkalmazások nemcsak őshonos alkalmazásoknak tűnnek és érzik magukat, hanem vannak hozzáférése az eszköz natív funkcióihoz. Ez azt jelenti, hogy a PWA az eszköz kamerájával rögtön felveheti Önt. Ugyanakkor meg kell osztanom, hogy nem fér hozzá a korlátozott funkciókhoz, például a helyhez, a telefonhoz vagy az SMS-hez.

Jegyzet: A szolgáltatás jellemzőiről és egyéb adatairól bővebben itt olvashat.

Progresszív webalkalmazások létrehozása?

A Google a “Progresszív webalkalmazás-ellenőrző lista” - egy részletes lista, amely segít a kezdőknek a progresszív webalkalmazások létrehozásában. Ez a nem útmutató lista megosztja a a PWA-k létrehozásához szükséges funkciók - egy “PWA alapvonal” és egy “PWA példa”; az előbbi felsorolja az alapvető alkalmazást és az utóbbit a fejlett alkalmazások számára.

Emellett számos eszköz áll rendelkezésre a PWA megépítésében. Például a világítótorony egy szabad, nyílt forráskódú eszköz egy weboldal javításához beleértve a hozzáférhetőség, a teljesítmény és a PWA-szolgáltatások minőségellenőrzését. Egy másik jellemző eszköz a Workbox, amely segít az offline első tapasztalattal rendelkező alkalmazások létrehozása.

A progresszív webalkalmazások a jövőben?

Bár a Progresszív webalkalmazások nem minden megoldási problémát oldhatnak meg, vagy a közeljövőben helyettesíthetik a natív alkalmazásokat, úgy vélem, hogy jelentős szerepet fog játszani a előnyeit, amelyek sokkal többek, mint a korlátai. És szinte minden nagy platform kezdve támogatni a PWA-kat, nem messze látjuk őket mindenhol.

Az Apple bemutatta a PWA-szolgáltatásokat (Web API-k) a Safari 11.1-ben, beleértve a Beacon API-t, a szolgáltatókat, a webalkalmazás-nyilvántartást stb .; így a PWA-kat hamarosan hozza az iOS-hoz, ha még nem. A Google már támogatta a PWA-kat a Chrome-ban az Android számára, és azt is tervezi, hogy az asztali platformokra is továbbítja. A Microsoft támogatta a PWA-kat a Microsoft Edge-ben, és felsorolja azokat a Microsoft Store-ban is.

Mit gondolsz - a Progressive Web Apps a jövőben? Hadd tudjam meg közvetlenül a @aksinghnet címen, vagy írj egy megjegyzést az alábbi megjegyzések részben, hogy hagyja a választ.