Media
Close up van een mobiele telefoon met apps
Tekst

Progressive Web App:  Dead or Alive?

 

door: Josha Hubbers

datum: 12 juni 2025

leestijd: ca. 1 minuut

Foto William Hook/Unsplash
     

Tekst

Toen Google in 2015 de Progressive Web App (PWA) introduceerde, was de belofte groot: één app voor alle platforms, zonder app-storegedoe. Toch bleef de opmars uit. Firefox stopte in 2020 met ondersteuning en Apple gooide begin 2024 tijdelijk roet in het eten. Toch kozen wij recent bewust voor deze technologie. Josha legt uit wat hierachter zit.  

Een Progressive Web App (PWA) is een webapplicatie die zich gedraagt als een native app op mobiel en desktop. PWA’s zijn snel, werken offline via caching en kunnen geïnstalleerd worden op een startscherm zonder tussenkomst van een app store. Ze maken gebruik van moderne webtechnologie en responsive design. Het nut ervan ligt in de combinatie van app-ervaring en brede toegankelijkheid: betere performance, offline gebruik en lagere ontwikkelkosten vergeleken met native apps. Ideaal voor organisaties die gebruikers op elk apparaat een soepele ervaring willen bieden. 

Tekst

Voor- en nadelen

Een PWA is snel op te zetten met een manifest en service workers. Je krijgt offline functionaliteit, betere prestaties en een icoon op het startscherm. En dit op álle grote platformen waarondr MacOs, iOs, Android en Windows. Een PWA is ook kostenefficiënt,  zeker wanneer je de app combineert met een website.  

Er zijn ook nadelen. Je hebt geen toegang tot alle device-API’s en je bent niet zichtbaar in app stores, wat het bereik kan beperken. 

Tekst

Drupal modules

Drupal biedt twee modules voor PWA-integratie PWA en Advanced PWA. Voor push notificaties gebruiken wij Firebase met de module Firebase PHP. Als alternatief is er de pf_notifications-module. We gebruiken een aangepaste controller om PWA-specifieke styling toe te passen via een sessie variabele en cache-tags.

 

Schermafbeelding van Drupal.org van de Advanced PWA module pagina
PWA voor Veiligheidsregio Zuid-Limburg
Tekst

Een melding op je telefoon ontvangen als er een incident plaatsvindt in je omgeving én handige tips om goed voorbereid te zijn op allerlei soorten rampen en crises. Dat is de kracht van de app van de Veiligheidsregio Zuid-Limburg die React Online heeft ontwikkeld.

 

Lees meer

Media
Tekst

App stores 

Om de app toch in app stores te krijgen gebruiken we PWA Builder om een wrapper-app te genereren. Hierbij moet je wel rekening houden met een aantal extra handelingen  om de compatibiliteit te waarborgen.  

Kennis delen over PWA's
Tekst

Op Drupaljam 2025 waren Gold Sponsor en waren we met het hele team aanwezig. Josha gaf een presentatie over de ontwikkeling van apps in combinatie met Drupal. 

 

Drupal en App specialist

 

(Foto CC Bram Driessen)

Media
Josha Hubbers presenteert op Drupaljam 2025
Tekst

Conclusie

PWA’s zijn een actueel en volwaardige oplossing om apps te realiseren. Onder andere Spotify, Pinterest en Azure-devops  maken gebruik van Progressive Web Apps. Voor veel toepassingen is een PWA ideaal want ze zijn platformonafhankelijk, snel en betaalbaar. Voor een volledige controle en device-integratie blijft echter een native app de beste keuze. 

 

Tekst

React Online 25 jaar

Dit jaar bestaat React Online 25 jaar. Gestart in 2000 en uitgegroeid tot een gevestigde naam in Nederland als digitaal bureau voor grensverleggende digitale oplossingen. Nog steeds als hecht team met een transparante bedrijfscultuur en een passie voor digital. 

Lees meer

Media
React Online logo
App of website uitdaging?

Wil je meer weten over hoe je Drupal kunt inzetten voor websites of apps? En wil je minder afhankelijk zijn van Big Tech? We praten je vrijblijvend bij over de nieuwste ontwikkelingen.

React Online 25 jaar beeldmerk