Progressiv webapp (PWA): en app uden App Store?

Servicemontøren står i en kælder uden dækning og skal registrere, at opgaven er udført, tage to billeder og få kundens underskrift. Restaurantkæden vil have et digitalt stempelkort, men har ikke lyst til at betale for to apps og vente på Apples godkendelse, hver gang menuen ændres. Begge spørger os om det samme: skal vi have en app? Ofte er det bedste svar en progressiv webapp, en løsning der føles som en app, installeres som en app, men bygges og opdateres som en hjemmeside. Andre gange er det et dårligt valg. Denne guide hjælper jer med at se forskel.

Hvad er en progressiv webapp (PWA)?

En PWA er en webapp, der bruger en række moderne browserfunktioner til at opføre sig som en installeret app. Brugeren åbner en adresse i browseren, kan lægge appen på hjemmeskærmen og starter den derefter med et tryk på ikonet, i fuld skærm og uden browserens adresselinje. Udtrykket "progressiv" betyder, at løsningen virker for alle i en almindelig browser og bliver bedre, jo flere funktioner telefonen understøtter. Der er tre tekniske byggesten, som alle PWA’er har til fælles.

• Et web app manifest: en lille fil, der fortæller telefonen appens navn, ikon, farver og hvordan den skal åbnes.
• En service worker: et stykke kode, der kører i baggrunden og kan gemme sider og data, så appen virker uden net og kan modtage push-beskeder.
• HTTPS: en krypteret forbindelse, som er et krav for, at browseren tillader de to første.

Det er værd at forstå, at en PWA i bund og grund er en webapp med ekstra egenskaber. Alt det, der koster penge i en webapp, som login, database, adminpanel og integrationer, koster det samme i en PWA. Selve PWA-delen er typisk en mindre post oven i.

PWA vs native app: hvad er forskellen?

Hvad kan en PWA ikke på iPhone? iOS-begrænsningerne

I Danmark bruger en stor del af befolkningen iPhone, så iOS afgør i praksis, om en PWA er god nok. Apple har gradvist åbnet for flere funktioner, senest med push-beskeder og ikon-badges i iOS 16.4. I 2024 meddelte Apple, at hjemmeskærms-webapps ville blive fjernet i EU som følge af den nye konkurrencelovgivning, men trak beslutningen tilbage få uger efter. PWA’er virker derfor fortsat på iPhone i Danmark. Disse begrænsninger er dog stadig værd at kende:

• Ingen automatisk installationsknap. Brugeren skal selv finde "Føj til hjemmeskærm".
• Push-beskeder kræver, at appen er installeret først, og at brugeren aktivt siger ja.
• Ingen adgang til Bluetooth, NFC eller avancerede sensorer fra browseren.
• Ingen synkronisering i baggrunden, så data sendes, når appen åbnes igen.
• Lagret data kan blive ryddet af systemet, hvis appen ikke bruges i længere tid.
• Ingen plads i App Store, medmindre løsningen pakkes ind som en rigtig app.

Hvornår skal I vælge en PWA, og hvornår en native app?

Vi har skrevet en bredere sammenligning af webapp og native app, som også dækker almindelige webapps uden PWA-funktioner. Den er værd at læse, hvis I stadig er i tvivl om, hvorvidt jeres brugere overhovedet har brug for noget på hjemmeskærmen.

Hvad koster en PWA sammenlignet med en app?

Et regneeksempel: en servicevirksomhed med 25 medarbejdere i marken vil have en app med dagens opgaver, tjek ind og ud, billeder og kundens underskrift. Som PWA får alle medarbejdere et link i en mail, og appen virker på deres egne telefoner, uanset mærke. Der skal ikke laves to butiksudgivelser, og en ny version er ude hos alle samme dag. Som native app får I bedre offline-håndtering og mere pålidelige påmindelser, men også godkendelsesrunder og en udviklerkonto at holde ved lige. Til netop denne opgave vælger vi oftest PWA, fordi brugerne er kendte, og udrulningen er under jeres kontrol. Læs mere om prisniveauer i guiden hvad koster en app.

Hvordan bygges en PWA? Forløbet trin for trin

Kan en PWA komme i App Store og Google Play?

I Google Play er det ligetil. En PWA kan pakkes som en såkaldt Trusted Web Activity og udgives som en almindelig app, mens indholdet stadig kommer fra jeres hjemmeside. Microsoft Store tager også imod PWA’er. App Store er sværere. Her skal løsningen pakkes ind i en native skal, og Apples retningslinjer afviser apps, der blot er en hjemmeside i en ramme uden tilstrækkelig app-lignende funktionalitet. Skal I i App Store, er det ofte mere holdbart at bygge en rigtig app. Vi har samlet Apples og Googles krav i guiden om godkendelse i App Store.

Hvilke myter om PWA’er skal I kende?

• Myte: "En PWA er bare en mobilvenlig hjemmeside." Virkeligheden: den kan installeres, virke uden net og sende push.
• Myte: "PWA’er virker ikke på iPhone." Virkeligheden: de virker, med de begrænsninger der er beskrevet ovenfor.
• Myte: "En PWA er altid langsommere end en app." Virkeligheden: en velbygget PWA åbner hurtigt, fordi siderne ligger gemt på telefonen.
• Myte: "PWA er gratis, når man har en hjemmeside." Virkeligheden: en informationsside bliver ikke en nyttig app af et manifest. Værdien ligger i funktionerne.

Hvordan vælger Ceptiv mellem PWA og React Native?

Vi bygger både webløsninger i Next.js og mobilapps i React Native, som giver én kodebase til iOS og Android. Det betyder, at vi ikke har en interesse i at sælge jer det ene frem for det andet. Vi starter med de kritiske funktioner og brugerne: kendte medarbejdere og sjældne brugere peger mod PWA, mens push-afhængige forbrugerapps og hardware peger mod React Native. Fordi begge dele skrives i TypeScript, kan forretningslogik og API deles, hvis I starter med en PWA og senere vil have en app i butikkerne. I ejer kode og data, og driften er en fast månedlig pris.

Beskriv kort, hvem der skal bruge løsningen, og hvad den skal kunne på dag ét, så får I en fast pris inden for 24 timer, med en anbefaling af PWA eller app og begrundelsen for valget.