Hvad er en PWA?

En PWA er altså ikke en ny teknologi ved siden af webapps, men en videreudvikling af dem. Det er en webapp der er bygget, så den kan tilføjes til brugerens hjemmeskærm, åbne i fuldskærm uden browserens adressefelt, og i mange tilfælde fungere delvist offline. Brugeren oplever den som en installeret app, selvom den i bund og grund kører i browserens teknologi.

Det centrale ord er progressiv: PWA-formatet fungerer som en almindelig hjemmeside for den, der bare besøger den, men tilbyder ekstra app-lignende funktioner for den, der vælger at installere den. Der er ikke noget enten-eller. Det samme kodegrundlag dækker begge oplevelser.

Sådan fungerer en PWA

En PWA bygger på almindelige webteknologier, men tilføjer nogle bestemte tekniske elementer, der gør app-oplevelsen mulig. En manifestfil fortæller browseren, hvordan appen skal se ud, når den er installeret - navn, ikon og hvordan den åbner. En service worker kører i baggrunden og gør det muligt at cache indhold, så dele af appen kan virke selv med dårlig eller manglende internetforbindelse.

Når disse elementer er på plads, kan browseren tilbyde brugeren at installere webappen. Det sker typisk via en knap eller et prompt i browseren, og processen tager få sekunder. Ingen godkendelse fra en app-butik, ingen ventetid, og ingen separat download i traditionel forstand. Webappen ligger stadig på en server og opdateres, som når man opdaterer en hjemmeside - brugeren behøver ikke selv hente nye versioner.

PWA i praksis: eksempler

PWA-formatet bruges typisk, hvor virksomheden ønsker app-følelsen for sine brugere, men uden ressourcerne til at udvikle og vedligeholde separate native apps til både iOS og Android. Det ses ofte inden for e-handel, hvor et hjemmeskærmsikon og hurtig adgang kan øge genbesøg. Det ses også i interne værktøjer og kundeportaler, hvor medarbejdere eller kunder skal have hurtig adgang uden at skulle installere noget via en app-butik.

Fælles for eksemplerne er, at behovet handler om adgang og genkendelighed - ikke nødvendigvis om de avancerede funktioner, som kun native apps kan tilbyde, som dyb integration med telefonens hardware eller push-notifikationer på alle platforme.

Fordele og begrænsninger

Fordele:

• Installeres direkte fra browseren, uden app-butik og uden godkendelsesproces
• Ét kodegrundlag dækker både webapp og app-oplevelse, hvilket sparer udviklingstid
• Opdateres automatisk på serveren, uden at brugeren skal downloade nye versioner
• Fungerer delvist offline via caching af indhold
• Lavere udviklingsomkostning end at bygge separate native apps til flere platforme

Begrænsninger:

• Adgang til visse hardware-funktioner og systemintegrationer er mere begrænset end i native apps
• Ikke alle browsere og styresystemer understøtter PWA-funktioner lige godt
• Synligheden i app-butikker mangler, medmindre PWA'en også distribueres der som supplement
• Push-notifikationer og baggrundsopgaver er mere begrænsede end i native apps

Kom videre med PWA-formatet

Hvis du overvejer, om din virksomheds webapp skal bygges som en PWA, hænger valget sammen med en bredere beslutning om app eller webapp - altså om løsningen skal være en native app, en almindelig webapp eller netop et PWA-format, der ligger midt imellem. Den beslutning afhænger af, hvilke funktioner løsningen skal have, og hvor vigtigt det er for brugerne at kunne installere den uden en app-butik.

PWA-formatet hænger også sammen med, hvordan løsningen fungerer visuelt på forskellige skærme. Læs mere om responsivt design, som er fundamentet for, at en PWA ser rigtig ud på både mobil og desktop. Hvis du overvejer at få bygget en løsning, kan skræddersyet webapp-udvikling være det næste skridt.