Progressive Web Apps - Fremtiden for den moderne web?

Disse dage Progressive Web Apps (PWA) er tale om byen, primært på grund af deres fantastiske brugervenlighed og unikke brugeroplevelse. Med de kombinerede egenskaber ved hjemmesider og indbyggede apps bliver PWA'er en norm for multi-enhed webapplikationer så udviklere kan opbygge dynamiske apps med hurtig indlæsning uden brug af hybrid rammer.

Jeg tror, at Progressive Web Apps er fremtidens hjemmesider - og i den følgende skrivning diskuterer jeg fordelene og bruger sager til at give dig hele billedet. Lad os komme videre til det.

Hvad er Progressive Web Apps?

Begrebet “Progressive Web Apps” blev først coined af Alex Rusell (en udvikler af Google Chrome) og Frances Berriman (en designer). Alex delte sin ide om Progressive Web Apps som “Disse apps er ikke pakket og implementeret via butikker, de er bare websteder, der tog alle de rigtige vitaminer“.

“Websteder, der ønsker at sende dig beskeder eller være på din startskærm, skal tjene penge lige over tid, da du bruger dem mere og mere. De bliver gradvist “apps”“, skrev Alex om PWA 'appiness. Endelig konkluderede han, “disse apps kan levere en jævn bedre brugeroplevelse end traditionelle webapps“.

Web Apps vs Progressive Web Apps

Webapps eller traditionelle webapps er de klientsideapps, som Kør direkte i en webbrowser. Selv om de er bedre end hjemmesider, har de dog deres problemer. Hvis du ikke kender forskellen mellem webapps og websteder, adskiller webapps fra websites, fordi web apps ser ud og føles som indbyggede apps.

Når det er sagt, er Progressive Web Apps den næste generation af webapps der fungerer mere som native apps ved at gøre brug af enhedens native forbedringer. For eksempel kan Progressive Web Apps gøre brug af indfødte funktioner som kamera, beacons osv. sammen med funktioner som offline cache, push notifikationer mv.

Hvorfor har vi brug for Progressive Web Apps?

Vi har native apps på den ene side, der er utroligt hurtige og pålidelige selv i de værste situationer som langsom eller ingen tilslutning. Men så har vi hjemmesider og webapps derimod, der er langsomme og fungerer ikke godt under ingen netværksforhold. Derfor er de fleste mennesker foretrækker native apps.

Accelererede Mobile Pages (AMP), et projekt opmuntret af Google, blev startet i 2016 til Løs langsom forbindelsesproblemer, især på smartphones, og giver bedre brugeroplevelse til mobile brugere. Imidlertid løser AMP ikke problemer med netværksproblemer. Det fremskynder heller ikke load-time så meget som native apps, og igen har det få begrænsninger for at opnå denne hastighed.

Derfor har vi brug for Progressive Web Apps. PWA'er giver bedst mulig brugeroplevelse i langsom eller intet netværk betingelser. For eksempel kan PWA vise en fremskærmsskærm, når den indlæser indholdet eller en stænkskærm, når der ikke er nogen internetforbindelse.

Hvorfor Progressive Web Apps giver mening?

Som angivet af comScores 2017 amerikanske mobilapprapport, bruger appbrugere næsten 77 procent af deres tid på deres top tre apps, mens resten af apps forbliver inaktive, men stadig blokkerer systemressourcerne, herunder hukommelse. Desuden deler det også det 50 procent af brugerne downloader nul apps om måneden. Dette faktum tyder på, at brugerne tøver med at installere nye apps, og dermed har PWA en kant.

Jeg finder folk for det meste at gå efter hjemmesider på desktops, men foretrækker apps på mobile enheder (native apps, selvfølgelig). Årsagen er, at computere tilbyder meget flere netværksressourcer end smartphones, og apps bruger mindre ressourcer end deres modpartswebsteder. De er også hurtige og pålidelige.

Derudover koster native apps meget mere end hjemmesider - så meget som fem til ti gange eller mere afhængigt af projekttypen. Også deres omkostninger kan formere sig, hvis der er behov for at udvikle native apps til flere platforme (f.eks. Android og iOS) med forskellige kodebaser. PWA kan dog hjælpe minimere sådanne høje udviklingsomkostninger, takket være sin støtte til forskellige platforme.

Progressive Web Apps-funktioner

Progressive webapplikationer har mange direkte funktioner, som gør dem særskilte end deres enklere modstykker, dvs. webapps (eller enklere websider):

Lydhør. Arbejde på alle enheder af enhver skærmstørrelse.
Offline-første. Indlæs i langsom eller intet netværk også.
App-lignende følelse. Se og interagere som en indbygget app.
Opdateret. Opdater på egen hånd, næsten gennemsigtigt.
Sikker og sikker. Brug HTTPS til at indlæse sideressourcer.
Synlig. Benyt indhold til søgemaskinerne.
Re-indgreb. Genoptag, siger brug af meddelelser.
installerbar. Kan placeres på din startskærm.
Linkable. Indlæs app-lignende sider, men med webadresser.

Hvad jeg finder interessant er, at Progressive Web Apps ikke bare ser ud og føles som native apps, men har også adgang til enhedens indbyggede funktioner. Det betyder, at en PWA kan tage et øjeblik af dig ved hjælp af enhedens kamera. Jeg må dog dele, at den ikke får adgang til begrænsede funktioner som sted, telefon eller SMS.

Bemærk: Du kan læse mere om dens funktioner og andre detaljer i dette indlæg.

Oprettelse af Progressive Web Apps?

Google giver en “Progressiv Web App Checkliste” - En detaljeret liste for at hjælpe begynderne til at oprette Progressive Web Apps. Denne no-guide liste deler nødvendige funktioner til at oprette PWA'er - -en “Baseline PWA” og en “Eksempler på PWA”; Den forrige lister vigtige ting for en grundlæggende app og sidstnævnte for en avanceret app.

Derudover er der forskellige værktøjer til at hjælpe dig med at opbygge en PWA. For eksempel er fyrtårnet en fri, åben kilde værktøj til at forbedre en webside herunder kvalitetskontrol for tilgængelighed, ydeevne og PWA-funktioner. Et andet funktionsfuldt værktøj er Workbox, som hjælper med opbygge apps med offline-første oplevelse.

Er Progressive Web Apps fremtiden?

Selvom Progressive Web Apps muligvis ikke løser alle vores appproblemer eller erstatter native apps i en nær fremtid, men jeg tror det vil spille en vigtig rolle takket være dens fordele, der er langt mere end dets begrænsninger. Og med næsten alle store platforme, der begynder at understøtte PWA'er, er det ikke langt, vi vil se dem overalt.

Apple introducerede PWA-funktioner (Web API'er) i Safari 11.1, herunder Beacon API, Service Workers, Web App Manifest osv .; således at PWA'er til iOS snart, hvis ikke allerede. Google har allerede understøttet PWA'er i Chrome til Android, og det planlægger at bringe det til desktop-platforme også. Microsoft tilføjede også support til PWA'er i Microsoft Edge og vil også liste dem i Microsoft Store.

Hvad synes du - Fremskridt Progressive Web Apps er fremtiden? Lad mig vide direkte på @aksinghnet eller skriv en kommentar gennem nedenstående kommentarer sektion for at forlade dit svar.