Hva er en hybridapp?
En hybridapp er en webapplikasjon pakket i et appskall slik at den kan lastes ned fra App Store og Google Play og få tilgang til enkelte enhetsfunksjoner. Innholdet vises i en innebygd nettleser. Native apper og cross-platform som React Native viser derimot ekte native-komponenter. Hybrid holder mål for innholdstunge apper uten tung interaksjon, men ofrer noe ytelse og følelse.
Ordet «hybridapp» dukker opp i tilbud og diskusjoner, ofte uten at noen forklarer hva det egentlig betyr, eller hvordan det skiller seg fra de andre måtene å bygge en app på. Her er en rett frem definisjon, med de avgrensningene som gjør begrepet nyttig når du skal ta en beslutning.
Definisjonen
En hybridapp er en webapplikasjon pakket i et appskall. Under overflaten er det en nettside, bygget i HTML, CSS og JavaScript, som kjører inne i en innebygd nettleser, en såkalt webview. Appskallet gjør to ting: Det lar appen distribueres via App Store og Google Play akkurat som en hvilken som helst annen app, og det gir tilgang til enkelte enhetsfunksjoner som kamera og varsler gjennom en bro mellom weben og plattformen.
Kort sagt: En hybridapp er weben pakket inn som app. Den ser ut som en app i butikken og på hjemskjermen, men motoren inni er en nettleser.
Slik skiller den seg fra native og cross-platform
Dette er den viktigste delen, for hybrid blandes stadig sammen med andre teknologier. Forskjellen ligger i hvordan appen tegner det du ser.
| Type | Slik vises grensesnittet |
|---|---|
| Native app | Plattformens ekte komponenter, bygget per plattform |
| Cross-platform (React Native) | Plattformens ekte komponenter, én felles kodebase |
| Hybridapp | Webinnhold i en innebygd nettleser (webview) |
Legg merke til raden i midten. React Native er ikke en hybridapp. Det er en vanlig og viktig misforståelse. React Native deler riktignok en kodebase mellom plattformene, men viser plattformens ekte native-komponenter, ikke en nettside. Teknikken kalles cross-platform. I praksis betyr det at en React Native-app ligger nær en native app i følelse, mens en hybridapp ligger nær en nettside. Å kalle dem det samme fører deg på villspor, både når det gjelder forventninger og budsjett.
Når hybrid holder mål
Hybrid er ikke juks. I riktig sammenheng er det et fornuftig og kostnadseffektivt valg. Det passer best for innholdstunge apper uten tunge interaksjoner:
- En nyhetsapp eller en avis der kjernen er å vise artikler.
- En enkel informasjons- eller supporttjeneste.
- En lettere kundeportal der man logger inn og leser opplysningene sine.
Felles for disse: Appen viser mest innhold, og brukeren forventer ikke en polert, bevegelsesdrevet opplevelse. Da kan webteknologien gjenbrukes, og du kommer inn i appbutikkene billig.
De klassiske svakhetene
To svakheter går igjen, og begge følger direkte av webviewen.
Ytelse. Siden alt tegnes gjennom et nettleserlag, kan appen føles mindre responsiv ved tung scrolling i lange lister, raske bevegelser og komplekse animasjoner. I en enkel innholdsapp merkes det knapt, men i en krevende app blir det tydelig.
Plattformfølelse. En hybridapp arver ikke plattformens naturlige følelse automatisk. En iOS-bruker kjenner ofte at noe er «nesten, men ikke helt» fordi komponentene etterlignes i stedet for å være ekte. Det kan utbedres, men det koster arbeid som spiser opp en del av besparelsen.
Et konkret eksempel
Si at en avis vil nå leserne via en app. Innholdet finnes allerede på nett, interaksjonen består hovedsakelig i å bla og lese, og budsjettet er begrenset. Her kan en hybridapp være et rasjonelt valg: Den gjenbruker eksisterende webinnhold, havner i appbutikkene og løser oppgaven til en lavere kostnad enn en native app.
Tenk deg i stedet at det samme forlaget vil lage en interaktiv leseserie for barn med animasjoner, lyd og bevegelser. Da blir svakhetene ved hybrid avgjørende, og valget bør falle på native eller cross-platform. Poenget: Hybrid er et verktøy for en bestemt type app, ikke et universalvalg.
Avgrensning mot beslektede begreper
Siden «hybrid» ofte brukes upresist, er det verdt å skjerpe grensene mot begrepene det forveksles med. Mot native er forskjellen størst: En native app bygges per plattform og viser ekte komponenter, mens hybrid er felles webkode i en webview. Mot cross-platform som React Native er forskjellen mer subtil, men like viktig: Begge deler en kodebase, men cross-platform viser native komponenter, mens hybrid viser web. Mot en PWA, en progressiv webapp, er slektskapet nært, men PWA-en lever i nettleseren i stedet for i appbutikkene.
Hvorfor bry seg om forskjellene? Fordi de styrer både forventninger og kostnad. Kaller en leverandør forslaget sitt «hybrid», bør du vite at du kan forvente webfølelse og en lavere regning. Sier de «React Native», kan du vente deg noe nærmere native. Å blande sammen ordene er den raskeste måten å bli skuffet over en app som gjorde akkurat det den var bygget for.
Vil du vite hvilken teknologi som passer ideen din, kan du se på tjenestene våre eller ta kontakt, så ser vi på det sammen.
Ofte stilte spørsmål
Er React Native en hybridapp?
Nei, og det er en vanlig misforståelse. En hybridapp viser webinnhold i en innebygd nettleser. React Native viser i stedet plattformens ekte native-komponenter fra en felles kodebase. Teknikken kalles cross-platform (kryssplattform), ikke hybrid. Forskjellen er avgjørende for ytelse og følelse: React Native ligger nær native, en hybridapp ligger nær weben.
Hva er forskjellen på en hybridapp og en native app?
En native app bygges spesifikt for hver plattform med plattformens egne verktøy og viser plattformens ekte komponenter, noe som gir best ytelse og følelse. En hybridapp er en nettside i et appskall, felles for plattformene, men vist i en webview. Native koster mer, men føles best. Hybrid er billigere, men gir fra seg noe flyt og plattformfølelse.
Når holder en hybridapp mål?
Når appen hovedsakelig viser innhold og ikke krever tunge interaksjoner, for eksempel en nyhetsapp, en enkel informasjonstjeneste eller en lettere kundeportal. Er det viktigste å komme inn i appbutikkene med innhold som uansett ligner en nettside, kan hybrid være et kostnadseffektivt valg. Jo mer appen trenger av gester, animasjoner og sanntidsfølelse, desto dårligere passer hybrid.
Hva er de klassiske svakhetene ved hybridapper?
To går igjen: ytelse og plattformfølelse. Siden alt vises i en webview, kan appen føles mindre responsiv ved tung scrolling, raske bevegelser og komplekse animasjoner. Den arver heller ikke plattformens naturlige følelse automatisk, men må etterligne den. I enkle innholdsapper merkes det knapt, men i krevende apper blir det tydelig.
Er en hybridapp det samme som en PWA?
Nært beslektet, men ikke identisk. Begge bygger på webteknologi, men en PWA (progressiv webapp) kjører i nettleseren og installeres derfra, mens en hybridapp pakkes og distribueres via appbutikkene. Hybridappen kommer altså inn i App Store og Google Play og når flere enhetsfunksjoner via appskallet sitt, mens PWA-en lever utenfor butikkene.