progressive web app
zelfstandig naamwoord
Een Progressive Web App (PWA) is een webapplicatie die met moderne webtechnieken een appachtige ervaring biedt. Gebruikers kunnen de applicatie vanuit een geschikte browser installeren en, afhankelijk van het apparaat, extra functies gebruiken.
De planner installeert de Progressive Web App op zijn telefoon om onderweg snel werkbonnen te openen.
Een Progressive Web App, meestal afgekort tot PWA, wordt gebouwd met webtechnieken en via een browser aangeboden. Dezelfde applicatie kan daardoor op verschillende apparaten werken. Op ondersteunde apparaten kan een gebruiker de PWA installeren, waarna deze bijvoorbeeld met een eigen pictogram op het beginscherm en in een apart venster opent.
Hoe werkt een PWA?
Een web app manifest geeft de browser informatie over de applicatie, zoals de naam, pictogrammen en de manier waarop ze na installatie moet openen. De applicatie moet via een beveiligde HTTPS-verbinding worden aangeboden om installeerbaar te zijn.
Veel PWA's gebruiken daarnaast een service worker. Dit is een script dat op de achtergrond verzoeken kan afhandelen en bestanden tijdelijk kan opslaan. Daarmee kan de applicatie bij een trage of weggevallen internetverbinding eerder geladen onderdelen blijven tonen. Ook functies zoals een Woordenboek · In het kortpushnotificatieEen pushnotificatie is een korte melding die een app of website naar het apparaat van een gebruiker stuurt, ook wanneer die app of website niet geopend is.Lees meer zijn onder bepaalde voorwaarden mogelijk. Welke functies beschikbaar zijn, verschilt per browser en besturingssysteem.
Verschil met een native app
Een native app wordt doorgaans specifiek voor een mobiel besturingssysteem gebouwd en via een appwinkel verspreid. Een PWA gebruikt één webcodebase en kan rechtstreeks vanuit de browser worden geopend of geïnstalleerd. Dat maakt een PWA niet automatisch geschikt voor elk mobiel proces: toegang tot apparaatfuncties en gedrag op de achtergrond kunnen beperkter zijn dan bij een native app.
Ook Woordenboek · In het kortresponsive designResponsive design is een ontwerpaanpak waarbij een website of webapplicatie de indeling en bediening aanpast aan de beschikbare schermruimte en het gebruikte apparaat.Lees meer alleen maakt een website nog geen PWA. Responsive design past de weergave aan het scherm aan. Voor een installeerbare PWA zijn ook metadata en een beveiligde verbinding nodig; offline gebruik vraagt bovendien om een bewuste inrichting van opslag en netwerkverzoeken.