Progressive Web App of native app laten maken?

De vraag van bedrijven naar gebruiksvriendelijke en interactieve apps neemt nog steeds toe. Voorheen was je als ondernemer beperkt tot de keuze voor een native Android of iOS app. Maar met de komst van Progressive Web Apps (PWA) is het mogelijk om een ‘In-App-Experience’ te creëren via jouw webapplicatie. Na het lezen van deze blog maak je gemakkelijk de keuze: een PWA laat maken of toch een native app.

Wat is een Progressive Web app

Een Progressive Web App (PWA) zit tussen een webapplicatie en native app (uit de app store) in. Het gedraagt zich als een native app maar het is een webapplicatie voorzien van een extra laag, namelijk een Service Worker. Met deze technologie kan de webapplicatie, net als een native app, taken uitvoeren als de applicatie niet geopend is.

Het kan bijvoorbeeld data opslaan (cache) als de gebruiker offline is, data synchroniseren en push notificaties ontvangen. Een aantal grote bedrijven hebben al een PWA, zoals Tiktok, Twitter, Spotify en Uber. Wanneer je deze websites opent op een laptop of pc dan lijkt het op een gewone webpagina. Maar op je mobiele telefoon krijg je een ‘In-App-Experience’. Dat komt omdat de PWA het apparaat dat je gebruikt herkent en zich vervolgens aanpast.

Kenmerken van een Progressive Web App op een rij:

• Responsive
• Offline te gebruiken
• Altijd actuele data
• Veilig; data wordt versleuteld en voldoet aan Transport Layer Security protocol
• In-App-Experience; navigeren door te swipen, geanimeerde paginaovergangen

Waarom duurde het zo lang?

Tijdens de presentatie van de eerste iPhone door Steve Jobs in 2007, introduceerde hij ook het briljante idee van Web Apps. Een Web App omschreef precies wat een PWA nu is. Kort na de presentatie werd ook de SDK (Software Development Kit) vrijgegeven om native iOS apps te ontwikkelen. Toen bleek dat Apple veel geld kon verdienen aan de native apps die werden verkocht via de AppStore, hebben ze het idee van Web Apps laten gaan.

Het heeft tot 2015 geduurd tot het idee van Web Apps weer onder de aandacht werd gebracht door designer Frances Berriman and Google Chrome engineer Alex Russell. In 2016 werd het beschikbaar voor Google’s browser Chrome. In 2017 volgde Microsoft met Edge en ironisch genoeg heeft Apple tot 2018 iOS-ondersteuning voor Progressive Web Apps tegen gehouden.

Progressive web app laten maken; de voordelen

Een PWA geeft een aantal grote voordelen te opzichte van een webapplicatie. Zo is het mogelijk om een PWA te installeren. Het grote verschil met een native app is dat een PWA eigenlijk alleen de service worker installeert. De installatie is dus heel klein, bijvoorbeeld bij Uber is de PWA 30KB en de native app heeft 300+ MB nodig. Voor nieuwe Uber gebruikers met een slechte internet verbinding is het dus handig om de PWA te gebruiken.

Een PWA kan ook gebruik maken van heel van functionaliteiten van het device zelf, denk hierbij aan locatie (GPS), bluetooth, video, audio, vibratie (trillen), NFC, oriëntatie (draaien van telefoon) en zelfs het doorzoeken van contacten.

Een PWA kan ook notificaties ontvangen en aan de gebruiker tonen, dit kan zelfs als de PWA niet actief is. Een notificatie kan bestaan uit een titel, tekst, een plaatje en er kunnen zelfs knoppen worden toegevoegd. Deze kan naar één persoon worden verstuurd (bijvoorbeeld wanneer er een e-mail binnenkomt), naar meerdere personen of naar iedereen.

Doordat alle requests altijd via de extra laag (service worker) gaan kan daar ook de response data worden opgeslagen (cache) zodat het weer gebruikt kan worden als de gebruiker geen internet verbinding meer heeft. Er zijn verschillende cache-strategieën en deze kunnen door elkaar gebruikt worden. Voor een pagina die nooit wijzigt gebruik je een andere strategie dan voor de pagina met het laatste nieuws.

Voordelen PWA versus native app op een rij:

	Progressive Web App	Native App
Werkt ook offline
Push notificaties
Installeerbaar
Indexeerbaar door zoekmachines
Voor alle platformen geschikt
Download niet verreist
Eenvoudig updaten
Lage ontwikkel- en onderhoudkosten
Gebruikt weinig ruimte (mb’s)

Progressive web app laten maken; de nadelen

Een PWA kan wel worden toegevoegd aan de Google Play Store en de Microsoft Store, maar het is (nog) niet mogelijk om deze toe te voegen aan Apple’s App Store. Dus iPhone gebruikers kunnen een PWA daar niet vinden en dus ook niet installeren. Om een PWA te gebruiken moeten iPhone gebruikers een snelkoppeling van de website toevoegen aan het beginscherm. In een markt met veel concurrentie in de strijd om smartphone gebruikers is de native app in het voordeel.

Voor een applicatie die gebruikt maakt van specifieke hardware, hetgeen veel vraagt van je mobiele telefoon, is een native app ook de betere keuze.

PWA of native app; wat kies jij?

Een PWA laten maken is voor de meeste applicaties een hele goed keuze. Er hoeft er maar eentje gemaakt te worden, dus niet een webapplicatie en een native app voor elk platform (Android en iOS). Hierdoor is het laten maken van een PWA sneller en goedkoper. Ook is een PWA op alle omgevingen hetzelfde. En is een update meteen beschikbaar, zonder tussenkomst van Google of Apple. Dus als je een betaalbare app wilt, die snel en voor alle platformen beschikbaar is, kies dan voor een PWA.