Guider
Lage app av nettside – fire måter, og når de fungerer
Mange bedrifter har en nettside som fungerer godt på mobil, og lurer på om det går an å gjøre den til en app uten å starte på nytt. Svaret er ja, men «app» kan bety fire ganske forskjellige ting. Hvilken av dem som passer, avhenger av hva dere vil oppnå: et ikon på telefonen, push-varsler, en plass i App Store, eller funksjoner nettleseren ikke gir.
Du kan lage app av nettside på fire måter. Den enkleste er å legge nettsiden på Hjem-skjermen, og det koster ingenting. Neste steg er en PWA, som gir installasjon, delvis offline-bruk og push-varsler, også på iPhone. Den tredje er å pakke nettsiden inn i en app for App Store, men Apple avviser ofte apper som bare er en innpakket nettside. Den fjerde er en egen app som deler backend med nettsiden. Den koster mest, men er den eneste som gir full tilgang til telefonen og en trygg plass i butikkene.
Denne guiden går gjennom de fire måtene å lage app av nettside på, med stegene for iPhone og Android slik Apple og Google selv beskriver dem, og sier ærlig når hver av dem holder.
01
1. Legg nettsiden til på Hjem-skjermen
Dette er ikke å lage en app i egentlig forstand, men for mange brukere er resultatet det samme: et ikon på telefonen som åpner nettsiden uten adressefelt. Det tar under ett minutt, krever ingen utvikling og koster ingenting.
Slik gjør du det på iPhone (Safari)
Apples brukerveiledning for iPhone beskriver det slik:
- Åpne Safari og gå til nettstedet.
- Trykk på knappen med tre prikker og deretter på Del. Bruker du fanelayouten Nederst eller Øverst, trykker du på Del-knappen direkte.
- Rull ned i listen og trykk på Legg til på Hjem-skjermen. Ser du ikke valget, ruller du til bunnen, trykker på Rediger handlinger og legger det til.
- Slå på Åpne som nettapp.
- Trykk på Legg til.
Ifølge Apple åpnes nettstedet da som en app, du kan motta varslinger fra nettappen og lukke den som andre apper. WebKit, teamet bak Safari, skriver at fra iOS 26 åpnes alle nettsteder som legges på Hjem-skjermen som nettapp som standard. Vil brukeren heller ha et vanlig bokmerke, slår hen av Åpne som nettapp.
Slik gjør du det på Android (Chrome)
Googles hjelpeside for Chrome beskriver installasjon av en nettapp slik: åpne Chrome, gå til nettstedet med nettappen, trykk på Mer til høyre for adressefeltet, deretter Installer og opprett snarvei, og til slutt Installer.
Når holder det? Når målet er at faste kunder eller ansatte skal finne nettsiden raskere. Ulempen er at dere må be hver enkelt bruker om å gjøre det selv, og at mange ikke kjenner til funksjonen. Nettsiden blir heller ikke bedre av å ligge på Hjem-skjermen: er den treg eller vanskelig å bruke på mobil, er appen det også.
02
2. Gjør nettsiden om til en PWA
En progressiv webapp, PWA, er en nettside som er bygget for å oppføre seg som en app. Den har et manifest som forteller telefonen navn, ikon og hvordan appen skal vises, og en service worker som kan lagre innhold lokalt. Resultatet er en app som installeres fra nettleseren, starter i eget vindu, kan brukes delvis uten dekning og kan sende push-varsler.
Push på iPhone var lenge argumentet mot PWA. Det har endret seg. WebKit kunngjorde i februar 2023 at iOS og iPadOS 16.4 støtter web push for nettapper lagt til på Hjem-skjermen. Kravene WebKit oppga, er at nettappen er lagt til på Hjem-skjermen, at manifestet har display satt til standalone eller fullscreen, og at nettappen bare kan be om tillatelse som svar på en direkte handling fra brukeren, for eksempel et trykk på en abonner-knapp. Med iOS og iPadOS 18.4 kom også Declarative Web Push for nettapper på Hjem-skjermen, som ifølge WebKit kan vise varsler uten service worker.
Det betyr at en PWA kan sende push til iPhone-brukere, men bare til dem som først har lagt appen på Hjem-skjermen.
Å gjøre nettside om til app på denne måten krever utvikling, og ofte må delene som håndterer innlogging og data bygges om. Les mer om webapp og PWA.
Når holder det? Kundeportaler, booking, interne verktøy, dashbord og B2B-løsninger der brukerne kommer via lenke, e-post eller innlogging, ikke via App Store.
03
3. Pakk nettsiden inn i en app (WebView)
En WebView-app er et tynt app-skall som viser nettsiden inne i en ekte iOS- eller Android-app. Den kan lastes opp til App Store og Google Play, og det gjør den tiltrekkende: dere får butikkplass uten å bygge noe nytt.
Problemet er Apple. Retningslinje 4.2 Minimum Functionality i App Store Review Guidelines sier at en app bør ha funksjoner, innhold og brukergrensesnitt som løfter den «beyond a repackaged website». Er appen ikke spesielt nyttig, original eller app-lik, hører den ifølge Apple ikke hjemme i App Store. Punkt 4.2.2 legger til at apper ikke først og fremst skal være markedsføringsmateriell, reklame, utklipp fra nettet, innholdssamlere eller lenkesamlinger.
I praksis betyr det at en ren innpakning av en bedriftsnettside ofte blir avvist. En WebView-app kan komme gjennom når den også har ekte appfunksjoner, som push-varsler, kamera, offline-innhold eller innlogging med biometri, men da er dere allerede på vei mot å bygge en app. Butikkavgiftene kommer i tillegg: Apple Developer Program koster 99 USD per år og Google Play Console 25 USD én gang.
Når holder det? Sjelden alene. En WebView brukes oftere som en del av en ekte app, for eksempel til å vise hjelpesider eller vilkår som allerede finnes på nettsiden. Mer om hva butikkene krever, står under publisering i App Store og Google Play.
04
4. Lag en egen app med felles backend
Den fjerde måten er å lage en ekte app som henter data fra samme system som nettsiden. Produkter, kunder, bestillinger og innhold ligger ett sted, og både nettsiden og appen snakker med det via et API. Det er den vanlige måten å bygge kundeklubb- og tjenesteapper på.
Appen bygges i Flutter eller React Native, med én kodebase for iOS og Android, eller native når telefonfunksjonene krever det. Den får full tilgang til kamera, posisjon, Bluetooth, biometri og bakgrunnsprosesser, push-varsler til alle brukere, og en naturlig plass i begge butikkene. Mangler nettsiden et API appen kan bruke, er det ofte der det meste av arbeidet ligger. Se backend, API og integrasjoner og guiden Flutter eller React Native.
Når holder det? Når brukerne skal bruke appen ofte, når dere trenger Vipps, BankID eller skanning, og når App Store og Google Play er en del av markedsføringen.
05
Fire måter sammenlignet
| Hjem-skjerm | PWA | WebView-app | Egen app | |
|---|---|---|---|---|
| Pris hos oss (eks. mva.) | 0 kr | fra 20 000 kr som webapp/PWA | Ikke en egen pakke, vi fraråder ren innpakning | MVP fra 20 000 kr, bedriftsapp fra 100 000 kr |
| Tid | Minutter | 6–14 uker | Avhenger av appfunksjonene som må til | 2–12 uker for MVP, 4–7 måneder for bedriftsapp |
| App Store og Google Play | Nei | Nei, installeres fra nettleseren | Ja, hvis Apple godkjenner | Ja |
| Push-varsler | Bare hvis nettsiden støtter web push | Ja, på iPhone når appen ligger på Hjem-skjermen | Ja, med egen kode | Ja |
| Offline | Nei | Delvis, det som er bygget for det | Begrenset | Ja |
| Tilgang til telefonen | Som nettleseren | Som nettleseren | Begrenset | Full |
Mindre tilpasninger av en eksisterende nettside, som manifest og ikon, gjøres på timepris: 700 kr/t for utvikling. Push-varsler som tilleggsmodul i en app koster 5 000–30 000 kr. Butikkavgifter, hosting og vedlikehold kommer i tillegg. Hele prisbildet står på apputvikling pris.
06
Hvordan lage app av nettside iPhone?
Åpne nettsiden i Safari, trykk på knappen med tre prikker og deretter Del, velg Legg til på Hjem-skjermen, slå på Åpne som nettapp og trykk Legg til. Da får du et ikon som åpner nettsiden som en app. Skal appen sende push-varsler, må nettsiden være satt opp for web push, og brukeren må ha lagt den på Hjem-skjermen. Skal appen ligge i App Store, holder det ikke å pakke inn nettsiden, fordi Apple krever mer enn en innpakket nettside.
07
Når lønner det seg å lage app av nettside?
Start med spørsmålet om hva appen skal gjøre som nettsiden ikke gjør i dag. Er svaret «ingenting, vi vil bare ha et ikon», holder Hjem-skjermen. Er svaret push-varsler, innlogging og litt offline-bruk for brukere dere når via lenke, er en PWA ofte det beste valget for pengene.
Er svaret at kundene skal finne dere i App Store, betale med Vipps, skanne strekkoder eller bruke appen hver uke, bør dere ikke bruke tid på innpakning. Da er en egen app med felles backend riktig, og nettsiden blir en del av løsningen i stedet for et hinder. En første versjon kan leveres som MVP-utvikling. Guiden native, hybrid eller webapp går grundigere gjennom valget, og lage app for bedriften viser hele prosessen.
08
Vanlige spørsmål om å lage app av nettside
Kan jeg gjøre nettsiden min om til app gratis?
Ja, hvis det holder med et ikon på Hjem-skjermen. Brukerne legger det til selv via Safari på iPhone eller Chrome på Android, og det koster ingenting. Alt utover det, som push, offline eller en plass i butikkene, krever utvikling.
Blir en WebView-app godkjent i App Store?
Ikke hvis den bare viser nettsiden. Apples retningslinje 4.2 krever funksjoner, innhold og brukergrensesnitt utover en innpakket nettside. Apper med ekte appfunksjoner kan bruke WebView til deler av innholdet og likevel bli godkjent.
Kan en PWA sende push-varsler til iPhone?
Ja, fra iOS 16.4, for nettapper som er lagt til på Hjem-skjermen. Brukeren må selv gi tillatelse etter å ha trykket på en knapp i appen. Brukere som bare besøker nettsiden i Safari, kan ikke få web push på iPhone på denne måten.
Hva er forskjellen på en PWA og en app?
En PWA kjører i nettleserens motor og installeres fra nettsiden, uten App Store. En app installeres fra butikkene og får full tilgang til telefonen. En PWA koster mindre å bygge og er raskere å oppdatere, mens en app gir bedre tilgang til kamera, Bluetooth og bakgrunnsprosesser.
09
Les også
- [Webapp og PWAappopplevelse i nettleseren](/tjenester/webapp-og-pwa/)
- [Native, hybrid eller webapphva bør bedriften velge?](/guider/native-hybrid-eller-webapp/)
- [Apputvikling prishva koster det å lage en app?](/apputvikling-pris/)
- Publisering i App Store og Google Play
Neste steg
Usikker på hva nettsiden deres bør bli?
Send oss lenken til nettsiden og tre setninger om hva dere vil at appen skal gjøre. Vi svarer innen én virkedag med en vurdering av om Hjem-skjerm, PWA eller egen app passer, og et prisspenn. Vil dere ha bindende pris, starter det med en appavklaring.
Eller skriv til[email protected]
Kilder
- Apple: Gjør et nettsted om til en app i Safari på iPhone – https://support.apple.com/no-no/guide/iphone/iphea86e5236/ios
- Google Chrome-hjelp: Bruk nettapper (Android) – https://support.google.com/chrome/answer/9658361?hl=no&co=GENIE.Platform%3DAndroid
- WebKit: WebKit Features in Safari 26.0 (Home Screen web apps) – https://webkit.org/blog/17333/webkit-features-in-safari-26-0/
- WebKit: Web Push for Web Apps on iOS and iPadOS (16. februar 2023) – https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/
- WebKit: WebKit Features in Safari 18.4 (Declarative Web Push) – https://webkit.org/blog/16574/webkit-features-in-safari-18-4/
- Apple: App Store Review Guidelines, 4.2 Minimum Functionality – https://developer.apple.com/app-store/review/guidelines/
- Apple Developer Program – https://developer.apple.com/programs/whats-included/
- Google Play Console: registrering av utviklerkonto – https://support.google.com/googleplay/android-developer/answer/6112435