Progressiva webbapplikationer - Framtiden för den moderna webben?

Idag är Progressive Web Apps (PWA) pratsamman av staden, främst på grund av deras fantastiska användbarhet och unika användarupplevelse. Med de kombinerade funktionerna på webbplatser och inhemska appar blir PWAs en norm för fleranvända webbapplikationer så att utvecklare kan bygga dynamiska applikationer med snabb laddning utan att använda hybridramar.

Jag tror att Progressive Web Apps är framtida webbplatser - och i följande skrivning diskuterar jag dess fördelar och använder fall för att ge dig hela bilden. Låt oss ta itu med det.

Vad är Progressive Web Apps?

Termen “Progressiva webbapps” var först myntad av Alex Rusell (en utvecklare av Google Chrome) och Frances Berriman (en designer). Alex delade sin idé om Progressive Web Apps som “Dessa appar packas inte och distribueras via butiker, de är bara webbplatser som tog alla rätt vitaminer“.

“Webbplatser som vill skicka meddelanden eller vara på din hemskärm måste tjäna pengar rätt när du använder dem mer och mer. De blir progressivt “appar”“, skrev Alex om PWA 'appiness. Slutligen avslutade han, “dessa appar kan leverera en jämn bättre användarupplevelse än traditionella webbapps“.

Web Apps vs Progressive Web Apps

Webapps, eller traditionella webbapps, är klientens appar som kör direkt i en webbläsare. Även om de är bättre än webbplatser ändå har de sina problem. Om du inte känner till skillnaden mellan webbapps och webbplatser skiljer sig webapps från webbplatser eftersom webapplikationer ser ut som inbyggda appar.

Det sägs att Progressive Web Apps är nästa generations webbapps som fungerar mer som inbyggda appar genom att använda sig av enhetens inbyggda förbättringar. Till exempel kan Progressive Web Apps utnyttja inbyggda funktioner som kamera, beacons, etc. tillsammans med funktioner som offline cache, push meddelanden, etc..

Varför behöver vi Progressive Web Apps?

Vi har inhemska appar, å ena sidan, som är otroligt snabba och pålitliga även i de värsta situationerna som långsam eller ingen anslutning. Men då har vi webbplatser och webbapps, å andra sidan, som är långsamma och fungerar inte bra utan nätverksförhållanden. Det är därför de flesta människor föredra inhemska appar.

Accelerated Mobile Pages (AMP), ett projekt uppmuntrat av Google, startades 2016 till lösa problem med långsam anslutning, speciellt på smartphones, och ger bättre användarupplevelse till mobila användare. AMP löser dock inte problem med några nätverksproblem. Dessutom ökar inte uppladdningstiden lika mycket som inhemska appar, och det har återigen få begränsningar för att uppnå denna hastighet.

Det är därför vi behöver Progressive Web Apps. PWAs tillhandahåller bästa möjliga användarupplevelse i långsam eller inget nätverk betingelser. Till exempel kan PWA visa en progressionsskärm när den laddar innehållet eller en stänkskärm när det inte finns någon webbanslutning.

Varför Progressive Web Apps är vettigt?

Som anges av comScores 2017 amerikanska mobilapprapport, tillbringar appanvändarna nästan 77 procent av sin tid på sina tre bästa apps, medan resten av programmen går i viloläge men fortfarande blockerar systemresurserna inklusive minne. Dessutom delar det också det 50 procent av användarna laddar ner nollappar per månad. Detta faktum föreslår att användarna tvekar att installera nya appar och sålunda har PWA en kant.

Jag tycker att folk oftast går till webbplatser på stationära men föredra appar på mobila enheter (naturligtvis appar, naturligtvis). Anledningen är att datorer erbjuder mycket mer nätverksresurser än smartphones, och program förbrukar färre resurser än deras motpartswebbplatser. De är också snabba och pålitliga.

Dessutom kostar inhemska appar mycket mer än webbplatser - så mycket som fem till tio gånger eller mer beroende på projektets typ. Dessutom kan deras kostnader multiplicera om det finns behov av att utveckla inbyggda appar för flera plattformar (t.ex. Android och iOS) med olika kodbaser. PWA kan dock hjälpa minimera sådana höga utvecklingskostnader, tack vare sitt stöd för olika plattformar.

Progressive Web Apps-funktioner

Progressiva webbapplikationer har många direkta funktioner som gör dem tydliga än deras enklare motsvarigheter, det vill säga webbapps (eller enklare webbplatser - webbplatser):

• Mottaglig. Arbeta på alla enheter med vilken skärmstorlek som helst.
• Offline-första. Ladda in långsamt eller inget nätverk också.
• Appliknande känsla. Titta och interagera som en inbyggd app.
• Aktuell. Uppdatera på egen hand, nästan transparent.
• Säker och säker. Använd HTTPS för att ladda sidresurser.
• Synlig. Använd innehåll till sökmotorerna.
• Re-ingripbart. Återkoppla, säg med att använda meddelanden.
• Installerbar. Kan placeras på din hemskärm.
• kopplingsbar. Ladda appliknande sidor, men med webbadresser.

Vad jag tycker är intressant, Progressive Web Apps ser inte bara ut som inbyggda appar men har också tillgång till enhetens inbyggda funktioner. Det betyder att en PWA kan ta en snap av dig med hjälp av enhetens kamera. Jag måste emellertid dela med att den inte får tillgång till begränsade funktioner som plats, telefon eller SMS.

Notera: Du kan läsa mer om dess funktioner och andra detaljer i det här inlägget.

Skapa Progressive Web Apps?

Google tillhandahåller en “Progressiv Web App Checklista” - En detaljlista för att hjälpa nybörjare att skapa Progressive Web Apps. Denna icke-guide lista delar nödvändiga funktioner för att skapa PWAs - en “Baslinje PWA” och en “Exempel på PWA”; Den förra listar viktiga saker för en grundläggande app och den senare för en avancerad app.

Dessutom finns det olika verktyg för att hjälpa dig att bygga en PWA. Lighthouse är till exempel en fri, öppen källkod verktyg för att förbättra en webbsida inklusive kvalitetskontroller för tillgänglighet, prestanda och PWA-funktioner. Ett annat funktionsfullt verktyg är Workbox, vilket hjälper till bygga appar med offline-första upplevelse.

Är Progressive Web Apps framtiden?

Även om Progressive Web Apps kanske inte löser alla våra appproblem eller ersätter inhemska appar inom en snar framtid, men jag tror att det kommer att spela en viktig roll tack vare dess fördelar som är långt mer än dess begränsningar. Och med nästan alla stora plattformar som börjar stödja PWA, är det inte långt vi kommer att se dem överallt.

Apple introducerade PWA-funktioner (Web API) i Safari 11.1 inklusive Beacon API, Servicearbetare, Web App Manifest etc .; så att PWAs till iOS snart om inte redan. Google har redan stödt PWA-enheter i Chrome för Android, och det planerar att även ta med det till stationära plattformar. Microsoft har också lagt till stöd för PWAs i Microsoft Edge och kommer också att lista dem i Microsoft Store.

Vad tror du - Progressiva webbapplikationer är framtiden? Låt mig veta direkt på @aksinghnet eller skriv en kommentar genom avsnittet nedan kommentarer för att lämna ditt svar.