Progressive Web Apps - De toekomst van het moderne web?

Tegenwoordig zijn Progressive Web Apps (PWA) het gespreksonderwerp van de stad, vooral vanwege hun verbluffende bruikbaarheid en unieke gebruikerservaring. Met de gecombineerde functies van websites en native apps worden PWA's een norm voor webtoepassingen voor meerdere apparaten ontwikkelaars toestaan snel dynamische dynamische apps te bouwen zonder gebruik te maken van hybride raamwerken.

Ik geloof dat Progressive Web Apps het zijn toekomst van websites - en in het volgende schrijven zal ik de voordelen bespreken en cases gebruiken om u het geheel het beeld te geven. Laten we ermee beginnen.

Wat zijn Progressive Web Apps?

De voorwaarde “Progressive Web Apps” werd voor het eerst bedacht door Alex Rusell (een ontwikkelaar van Google Chrome) en Frances Berriman (een ontwerper). Alex deelde zijn idee over Progressive Web Apps dat “Deze apps worden niet verpakt en geïmplementeerd via winkels, ze zijn gewoon websites die alle juiste vitamines innamen“.

“Sites die u meldingen willen sturen of zich op uw startscherm bevinden, moeten dat in de loop van de tijd verdienen terwijl u ze steeds vaker gebruikt. Ze worden geleidelijk “apps”“, schreef Alex over de appiness van PWA. Uiteindelijk besloot hij, “deze apps kunnen een gelijk leveren betere gebruikerservaring dan traditionele web-apps“.

Web-apps versus Progressive Web Apps

Webapps of traditionele web-apps zijn de client-side apps die direct in een webbrowser uitvoeren. Hoewel ze beter zijn dan websites, hebben ze hun problemen. Als u het verschil tussen webapps en sites niet kent, verschillen webapps van websites omdat webapps eruit zien en aanvoelen als native apps.

Dat gezegd hebbende, Progressive Web Apps zijn de volgende generatie web-apps die meer op native apps lijken door gebruik te maken van de native verbeteringen van het apparaat. Progressive Web Apps kan dit bijvoorbeeld gebruik maken van native functies zoals camera's, bakens, etc. samen met functies zoals offline cache, pushmeldingen, enz.

Waarom hebben we Progressive Web Apps nodig??

We hebben native apps die aan de ene kant ongelooflijk snel en betrouwbaar zijn, zelfs in de slechtste situaties, zoals traag of geen connectiviteit. Maar dan hebben we websites en web-apps die traag zijn en niet goed werken zonder netwerkomstandigheden. Dat is de reden waarom de meeste mensen geven de voorkeur aan native apps.

Accelerated Mobile Pages (AMP), een project gestimuleerd door Google, is in 2016 gestart met langzame verbindingsproblemen oplossen, vooral op smartphones, en bieden een betere gebruikerservaring voor mobiele gebruikers. AMP lost echter geen problemen met netwerkproblemen op. Ook versnelt het de laadtijd niet zo veel als native apps, en opnieuw bezit het weinig beperkingen om deze snelheid te bereiken.

Dat is waarom we Progressive Web Apps nodig hebben. PWA's bieden de best mogelijke gebruikerservaring in langzaam of geen netwerk voorwaarden. PWA kan bijvoorbeeld een voortgangsscherm tonen wanneer het de inhoud laadt of een startscherm wanneer er geen webverbinding is.

Waarom Progressive Web Apps zinvol zijn?

Zoals aangegeven door comScore's Amerikaanse mobiele apprapport 2017, besteden app-gebruikers bijna 77 procent van hun tijd in hun top drie apps, terwijl de rest van de apps inactief blijven maar toch de systeembronnen, inclusief geheugen, blokkeren. Bovendien deelt het dat ook 50 procent van de gebruikers downloadt nul apps per maand. Dit feit suggereert dat gebruikers aarzelen om nieuwe apps te installeren, en dus heeft PWA een voorsprong.

Ik merk dat mensen meestal voor websites op desktops gaan, maar geef de voorkeur aan apps op mobiele apparaten (native apps, natuurlijk). De reden hiervoor is dat computers veel meer netwerkbronnen bieden dan smartphones en dat apps minder bronnen verbruiken dan hun tegenhangerswebsites. Ze zijn ook snel en betrouwbaar.

Bovendien kosten inheemse apps veel meer dan websites - zoveel als vijf tot tien keer of meer, afhankelijk van het type project. Ook kunnen de kosten worden vermenigvuldigd als er native apps voor meerdere platforms (bijvoorbeeld Android en iOS) met verschillende codebases moeten worden ontwikkeld. PWA kan echter helpen minimaliseren dergelijke hoge ontwikkelingskosten, dankzij de ondersteuning voor verschillende platforms.

Progressive Web Apps-functies

Progressive Web Apps hebben veel directe functies waardoor ze zich onderscheiden van hun eenvoudigere tegenhangers, d.w.z. webapps (of eenvoudigere - websites):

sympathiek. Werk op alle apparaten van elk schermformaat.
Offline-first. Laad ook in langzaam of geen netwerk.
App-achtig gevoel. Kijk en communiceer als een native app.
Bijgewerkt. Update op hun eigen, bijna transparant.
Veilig beveiligd. Gebruik HTTPS om paginabronnen te laden.
zichtbaar. Gebruik inhoud aan de zoekmachines.
Re-koppelbaar. Reageer opnieuw, zeg het gebruik van meldingen.
installeerbare. Kan op je startscherm worden geplaatst.
Linkable. Laad app-achtige pagina's, maar met URL's.

Wat ik interessant vind, is dat Progressive Web Apps er niet alleen uitzien als native apps, maar ook hebben toegang tot de eigen functies van het apparaat. Dat betekent dat een PWA een foto van u kan maken met behulp van de camera van uw apparaat. Ik moet echter wel delen dat het geen toegang krijgt tot beperkte functies zoals locatie, telefoon of sms.

Notitie: Je kunt meer lezen over de functies en andere details in dit bericht.

Progressive Web Apps maken?

Google biedt een “Progressive Web App Checklist” - een detaillijst om de beginners te helpen bij het maken van Progressive Web Apps. Deze lijst met geen richtlijnen deelt de noodzakelijke functies om PWA's te maken - een “Basislijn PWA” en een “Voorbeeldige PWA”; de eerste lijst bevat cruciale dingen voor een eenvoudige app en de laatste voor een geavanceerde app.

Bovendien zijn er verschillende hulpmiddelen om u te helpen bij het bouwen van een PWA. Lighthouse is bijvoorbeeld een gratis open-source hulpmiddel om een webpagina te verbeteren inclusief kwaliteitscontroles op toegankelijkheid, prestaties en PWA-functies. Een andere handige tool is Workbox, wat helpt bouw apps met offline-eerste ervaring.

Zijn Progressive Web Apps de toekomst?

Hoewel Progressive Web Apps in de nabije toekomst misschien niet al onze app-problemen oplossen of native apps vervangen, toch geloof ik dat dit een belangrijke rol zal spelen, dankzij de voordelen ervan zijn veel meer dan de beperkingen. En met bijna elk groot platform dat begint met het ondersteunen van PWA's, is het niet ver weg dat we ze overal zullen zien.

Apple introduceerde PWA-functies (Web API's) in Safari 11.1, waaronder Beacon API, Service Workers, Web App Manifest, enz .; dus PWA's binnenkort naar iOS brengen als ze dat nog niet zijn. Google heeft al PWA's in Chrome voor Android ondersteund en is van plan het ook naar desktopplatforms te brengen. Microsoft heeft ook ondersteuning voor PWA's in Microsoft Edge toegevoegd en zal deze ook in Microsoft Store vermelden.

Wat denk je - zijn Progressive Web Apps de toekomst? Laat het me direct weten op @aksinghnet of schrijf een reactie via het gedeelte hieronder opmerkingen om je reactie te verlaten.